By default, browsers place embedded plug-in content, such as a Flash® movie ( e.g. YouTube™ videos ) or Java applets, on the topmost layer of a page. Unfortunately, this can cause drop-down menus, lightboxes, and sometimes other elements to be covered up; ( as reported here ). To prevent this from becoming a problem on your site, you should always add the wmode="transparent" parameter to any OBJECT/EMBED code that you add to your site. If you publish YouTube™ videos, or other media driven by Flash®, please review the examples below.
Modifying your OBJECT/EMBED code to add the WMODE parameter:
So let's say you have this:
1 2 3 4 | <object width="550" height="400"> <param name="movie" value="somefilename.swf" /> <embed src="somefilename.swf" width="550" height="400"></embed> </object> |
Here's how you add the
WMODE parameter:
1 2 3 4 5 | <object width="550" height="400"> <param name="movie" value="somefilename.swf" /> <param name="wmode" value="transparent" /> <embed src="somefilename.swf" width="550" height="400" wmode="transparent"></embed> </object> |
WMODE is added to both the OBJECT & EMBED tags.
Premium Members have ongoing access to all of our brand new themes for only $25/mo.
