StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POGoogle Chrome, Flash and z-index wrong behvaiour
text
Body
copied!<p>I have to show a div over the iframe which contains a flash video . The z-index of the div is set as 9999. but the ifarame is not having any z-index. But the div lies bellow the flash for Google Chrome, it works fine in IE 7/8/9 and Mozila Firefox. </p> <p>The code i am using is </p> <p>flash.html</p> <pre><code> <!doctype html> <html> <head> <title> Flash - zIndex</title> </head> <body> <div style="position : absolute;left:200px;top:200px;width:320px; height:220px;background-color:#fff;z-index:999;" > <iframe src="blank.html" style="width:100%; height:100%;"> </iframe> </div> <div id="textDiv" style="position : absolute; z-index:9999; left:200px;top:200px;border: 5px solid rgb(235, 127, 0);width:300px; height:200px;background-color:#fff;overflow:auto;"> this is the text div </div> <div id="flashDiv" style="height: 150px;"> </div> <iframe title="YouTube video player" width="640" height="390" src="http://www.youtube.com/embed/3RD_3wooRjI" frameborder="0" allowfullscreen></iframe> </body> </html> </code></pre> <p>blank.html</p> <pre><code><!doctype html> <html> <head></head> <body></body> </html> </code></pre> <p>Please give some work around for this problem.</p> <p>Thanks in advance,</p> <p>Prashant</p> <p><strong>Note : Please don't tell the solution as keeping "wmode=transparent" as a get parameter in the iframe src . as its not a generalized solution for this issue .</strong></p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload