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: Nick Cave & the Bad Seeds - Best of Nick Cave & The Bad Seeds
This Post Was Brought To You By:
Related Posts
blog comments powered by Disqus
Add New Comment
Viewing 17 Comments
Thanks. Your comment is awaiting approval by a moderator.
Do you already have an account? Log in and claim this comment.
Do you already have an account? Log in and claim this comment.
Do you already have an account? Log in and claim this comment.
Do you already have an account? Log in and claim this comment.
Do you already have an account? Log in and claim this comment.
I was searching for long time to find solution fot this flash position issues,
And end here..
Thank you..!!
-------------------
Hery
Do you already have an account? Log in and claim this comment.
I'm very very surprised! I created an AJAX box menu and my flash was over it. Your details solved my problem.
Thank you!
Do you already have an account? Log in and claim this comment.
Do you already have an account? Log in and claim this comment.
fluit design with flash and layers, but I still not be able to make the wmode with the css div layers.
If anyone can guide me to fix this problem will be great. The URL is up at http:geospatialdynamics.com
Marius
Do you already have an account? Log in and claim this comment.
Do you already have an account? Log in and claim this comment.
Do you already have an account? Log in and claim this comment.
http://blog.marcoos.com/2006/07/21/html-div-abo...
Do you already have an account? Log in and claim this comment.
Do you already have an account? Log in and claim this comment.
Do you already have an account? Log in and claim this comment.
regards
Ray K
Do you already have an account? Log in and claim this comment.
Do you already have an account? Log in and claim this comment.
Do you already have an account? Log in and claim this comment.
Do you already have an account? Log in and claim this comment.