Member Avatar for ChoosenJoe

I have an absolute positioned div that is with a z-index of like 1000 so that it`s over all the elements of the page, but the checkboxes keep poping out in IE, in FF it works fine.

  • 3 Contributors
  • 2 Replies
  • 74 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by chunkmartinez

Dani AI

Generated

reported that an absolute-positioned DIV with a high z-index still lets checkboxes “pop out” in IE while Firefox behaves correctly. @GreenDay2001 and asked for code — this is a classic IE stacking/windowed-control issue (especially IE6): some form controls are rendered in a separate window layer and ignore z-index, so they appear above positioned elements. See the general z-index/stacking rules for reference: MDN z-index and known IE quirks: .

Common, practical fixes:

  • Use an iframe “shim” under the overlay (only for older IEs). The shim is a plain iframe sized and positioned behind the modal so windowed controls are covered.
  • Temporarily hide or disable form controls under the overlay (visibility:hidden or disabled) while it’s visible.
  • Ensure the overlay and relevant parents establish proper stacking contexts (explicit position and z-index) and trigger IE “hasLayout” where needed (e.g., zoom:1).

Example iframe-shim pattern (adapt or wrap in an IE-only conditional if needed):

<div id="overlay">
<iframe id="shim" src="about:blank" frameborder="0" scrolling="no"></iframe>
<div id="panel">...overlay content...</div>
</div>

/ CSS /
#overlay { position:absolute; left:0; top:0; width:100%; height:100%; z-index:1000; }
#shim { position:absolute; left:0; top:0; width:100%; height:100%; z-index:999; filter:alpha(opacity=0); }
#panel { position:relative; z-index:1000; zoom:1; }

Notes: use the shim only where required (older IE). Hiding inputs can be simpler and more robust but may affect accessibility and focus. If the problem persists, verify the exact IE version and test with minimal markup to confirm whether it’s a stacking-context issue or something else.

Recommended Answers

All 2 Replies

Member Avatar for Member #114696

What do you mean by poping out...Also whats the code of the page or styles??

Member Avatar for chunkmartinez

post a sniplet of your div and checkbox together.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.