Keep Flash Behind Other Elements
For example, a dropdown menu going "behind" a flash movie, or staying on top of a lightbox layover.
Try This #1
Add this to the Flash embed code:
<param name="wmode" value="transparent">Try This #2
Make sure the element that is supposed to be on top has positioning (fixed, relative, or absolute) and a z-index value higher than the Flash object.
Thanks i was wondering how i would get flash to be behind. Very helpful.
helpful trick. thanks
Great website design Chris and also great tips!
Love your website! =)
Tonya in Stafford, VA, USA
near Washington DC
thank you
I try to handle this with positioning but this is good to know. Thanks.
thx, i find your tutorial via google. i am working to solve flash problem right now. good job
thanks, this worked great.
Great CSS code tips! Thank you so much!
-Tonya
this code not working in ie7
The code doesn’t work for me I’ve tried it in all the browsers I could think of except IE 9 because I am using windows xp still but it doesn’t work on firefox opera chrome or safari, and i treid it with IE8
Thank you. I changed the position to relative and set the z-index values and it resolved this issue!
I attempted this, sadly the flash videos from YouTube still float above my header bar. Ive even given the header an absurd z-index with out any change. :(
It won;t work and spent whole week researching for IE. In transparent your background will disappear unless the background is the same as the movie. Try this it worked for me
see a demo here: http://www.vrnet.co.ke/atbltd
Cheers have fun !
I am having issue with youtube and chrome.. I have a header fixed at the top, so that the content below scrolls behind it, but then when the youtube player is scrolled underneath the header the header background image re-positions itself and adds spacing. But this only happens when i use the background position of fixed.
any ideas how to prevent this
cheers
I tried all the possible ways I am not getting the solution. The drop down menu is getting hidden behind the flash object in chrome.
This helped me:
http://www.darian-brown.com/stop-flash-movie-ignoring-stacking-order/