Reader Flash Over Drop Down Menu Solution
Flash Over Drop Down Menu Solution
In the right sidebar of this site (at the time of writing) is a Flash YouTube display with Marie Digby singing her song, “Say it Again” and just above the Flash graphic is a drop down menu, which when activated, dropped down behind the header text and Flash graphic.
This problem of the menu dropping behind the header text and Flash graphic has been ongoing since I implemented the sidebar and Flash graphic. Having downloaded the Flash graphic code directly from YouTube I presumed the code was correct and the problem was my end … but I have the solution.
I thought the original problem was to do with the z-index of the menu system, but changing this proved a pointless exercise. My reasoning for this conclusion what the fact that the menu dropped behind the header text as well as the Flash graphic, but the problem is with the flash parameters and the solutions is nice and easy.
Solution
1 Ensure the following parameter is included in the OBJECT tag:
<param name="wmode" value="transparent">
2 Ensure the following parameter is included in the EMBED tag:
wmode="transparent"
For example…
<object width="..." height="...">
<param name="movie" value="..."></param>
<param name="wmode" value="transparent">
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="..."
wmode="transparent"
type="application/x-shockwave-flash"
allowscriptaccess="always" allowfullscreen="true"
width="..." height="..." >
</embed></object>
The wmode=”transparent” seems to be the more important parameter in my case.
Hope this was of interest and help, if you have a better solution, let us know…
