CSS Drop-Down menus hidden behind flash elements

If you have a flash element that occupies the same space as a CSS or javascript-driven dropdown or flyout menu, the menu may disappear behind the flash. There are 2 solutions to look for:

#1 – the solution that I found all over the web and seemed to work for most people:
Make sure your embed and object codes include the wmode parameter set to transparent:
param name=”movie” value=”xxx.swf” />
param name=”quality” value=”high” />
param name=”wmode” value=”transparent” />

embed src=”xxx.swf” width=”xxx” height=”xxx” hspace=”0″ vspace=”0″ quality=”high” wmode=”transparent” pluginspage=”http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash” type=”application/x-shockwave-flash”

#2 – When #1 didn’t work, I figured this one out for myself:
Do not use Absolute Positioning to place your flash element. Absolute positioning will override the CSS, even when it is set to transparent.

Did you enjoy this post? Why not leave a comment below and continue the conversation, or subscribe to my feed and get articles like this delivered automatically to your feed reader.

Comments

больше всего улыбнуло..ггг……

#1 – the solution that I found all over the web and seemed to work for most people: Make sure your embed and […….

Leave a comment

(required)

(required)