Note that there are some explanatory texts on larger screens.

plurals
  1. POGoogle Chrome, Flash and z-index wrong behvaiour
    primarykey
    data
    text
    <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> &lt;!doctype html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt; Flash - zIndex&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;div style="position : absolute;left:200px;top:200px;width:320px; height:220px;background-color:#fff;z-index:999;" &gt; &lt;iframe src="blank.html" style="width:100%; height:100%;"&gt; &lt;/iframe&gt; &lt;/div&gt; &lt;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;"&gt; this is the text div &lt;/div&gt; &lt;div id="flashDiv" style="height: 150px;"&gt; &lt;/div&gt; &lt;iframe title="YouTube video player" width="640" height="390" src="http://www.youtube.com/embed/3RD_3wooRjI" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>blank.html</p> <pre><code>&lt;!doctype html&gt; &lt;html&gt; &lt;head&gt;&lt;/head&gt; &lt;body&gt;&lt;/body&gt; &lt;/html&gt; </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>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

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