Flash player in an iframe showing above the navigation div

Question

In my site i've used an iframe with flash content(not a you tube video)

 <iframe id="flvIframe" width="934" height="750" frameborder="0" src="XXXflashplayer" style="z-index: 1;"></iframe>

i have navigation bar in my site when we hover on a single nav element we'll display a
div#NavInfo with some options with an .Below the navigation bar i had a div where i display an iframe with flash content.

I want to place the nav elements div#NavInfo above an iframe#flvIframe(with flash content).

I have used z-index position: absolute ,position relative ....etc. z-index:-1 to flash and give z-index:100 to div

position: absolute;
top: ...px;
left: ...px;

it works fine only in google chrome but not working in all other browsers

I have searched a lot but couldn't get fixed please advise..

and you can change a flash object code in its html? if so add `wmode="transparent"` parameter — Ivan Chernykh, Nov 12 '13 at 10:24
http://stackoverflow.com/questions/886864/differences-between-using-wmode-transparent-opaque-or-window-for-an-embe — Ivan Chernykh, Nov 12 '13 at 10:24

score 0 · Answer 1 · answered Feb 21 '14 at 06:06

0

You might be looking for this - http://slightlymore.co.uk/examples/flash-z-index/

Please note that your flash swf should have parameter wmode="opaque". also you can play with z-index of div i.e. div#NavInfo for higher priority

answered Feb 21 '14 at 06:06

Pravin W

2,451
1
20
26

Flash player in an iframe showing above the navigation div

1 Answers1