Flash Objects Displaying on Top of HTML Content
I have experienced a problem recently when designing a website; the flash banner was displaying on top of the CSS menu regardless of the stacking order (”z-index”).
By default, browsers place embedded content, on the top layer. In older browsers, you can’t place a DHTML layer on top of a Flash layer. Newer browsers have the ability to layer Flash content with DHTML content and in some cases the ability to use transparent backgrounds in the Flash.
The parameter WMODE
The solution for this problem is using the parameter WMODE to allow layering of Flash content with DHTML layers. The parameter WMODE has 3 possible settings: ‘window’ (default), ‘transparent’, or ‘opaque’. Setting WMODE to ‘transparent’ or ‘opaque’ will prevent the Flash object from playing in the top layer and allow you to adjust the stacking order of the movie within other layers of the HTML document.
Just add this parameter:
<param name="wmode" value="transparent" />
And this value to the embed attribute:
wmode="transparent"
This should resolve the problem. 
Popularity: 14%
What I´m listening to: Jeff Buckley - Grace
This Post Was Brought To You By:
