Written by: Chris Garrett 8/15/2007
Problem: You've created a skin where your menu should overlay the flash content on your page. But when you run your mouse over the menu it drops behind every single time. You've set your submenu z-index to 999 and your flash content div to 1 and still it's not working... What gives? Solution: Locate your flash code, whether it's embedded in your skin or inserted into a Text / HTML box. You know, the whole... <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="XXX" height="XXX"> ... parameter list & embed statement ... </object> Now, look through your parameter list and see if you have one called "wmode". If not, we may have just discovered the problem. Copy and paste this parameter into your code: <param name="wmode" value="transparent"> Just put it there with the rest of the parameters. And for your embed code add the following attribute: wmode="transparent" What you've done is to set the window mode to transparent. If this fix doesn't work alone, try also setting the z-index of the submenu containers to a higher number than flash content. If that does not work or your flash is performing differently try changing the Transparent to Opaque. For an in-depth definition of what the window modes mean, I came across this site today that had some answers: Flash, DHTML Menus and Accessibility Happy Skinning!
Problem: You've created a skin where your menu should overlay the flash content on your page. But when you run your mouse over the menu it drops behind every single time. You've set your submenu z-index to 999 and your flash content div to 1 and still it's not working... What gives?
Solution: Locate your flash code, whether it's embedded in your skin or inserted into a Text / HTML box. You know, the whole...
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="XXX" height="XXX">
... parameter list & embed statement ...
</object>
Now, look through your parameter list and see if you have one called "wmode". If not, we may have just discovered the problem. Copy and paste this parameter into your code:
<param name="wmode" value="transparent">
Just put it there with the rest of the parameters. And for your embed code add the following attribute:
wmode="transparent"
What you've done is to set the window mode to transparent. If this fix doesn't work alone, try also setting the z-index of the submenu containers to a higher number than flash content. If that does not work or your flash is performing differently try changing the Transparent to Opaque.
For an in-depth definition of what the window modes mean, I came across this site today that had some answers: Flash, DHTML Menus and Accessibility
Happy Skinning!