I have a <code>div</code> and an <code>iframe</code> on the page the <code>div</code> has <pre class="prettyprint"><code>z-index: 0; </code></pre> the <code>iframe</code> has its content with a popup having a <code>z-index</code> of 1000 <pre class="prettyprint"><code>z-index: 1000; </code></pre> However, the <code>div</code> still overshadows the popup in IE (but works fine in Firefox). Does anyone know what I can do?

element's z-index value can not overcome the iframe content's one

I have a div and an iframe on the page the div has

z-index: 0;

the iframe has its content with a popup having a z-index of 1000

z-index: 1000;

However, the div still overshadows the popup in IE (but works fine in Firefox).

Does anyone know what I can do?

546

asked Jan 24 '23 02:01

Explorer Z-index bug

In general, http://www.quirksmode.org/ is an excellent reference for this sort of thing.

175

answered Feb 13 '23 03:02

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!