Comments on: IE z-index bug

By: Problema con bug de z-index en ie | Santa Pola

Problema con bug de z-index en ie | Santa Pola — Mon, 10 Nov 2008 23:25:47 +0000

[...] de buscar un poco, encontré con klog y pude dar con ello. Os pongo el ejemplo que pone [...]

By: Superfish jQuery Menu IE z-index Bug | webdemar.com

Superfish jQuery Menu IE z-index Bug | webdemar.com — Thu, 06 Nov 2008 15:17:42 +0000

[...] Both the header and the content div have position:relative. In IE the dropdown menu was displayed under the content div so the links in the dropdown were not clickable though the z-index of the menu list was set to 100. After a bit of research I came accross the IE z-index Bug on Klog - php, linux, ajax, javascript. [...]

By: BugRocker

BugRocker — Fri, 18 Jan 2008 10:37:59 +0000

Go an easier workaround:

z-index: 0 !important; z-index: -1;

Et Voila!

By: eric

eric — Sat, 12 Jan 2008 07:19:08 +0000

eh, ignore that fix. the code didn’t come across anyhow!

By: eric mueller

eric mueller — Sat, 12 Jan 2008 07:11:10 +0000

thanks for this info — my easy workaround was to just wrap my elements in another div, positioned absolutely… i.e.

<- this is to fix bug

etc etc

<– close ie7 fix div

thx thx
E

By: Jens Brandt

Jens Brandt — Thu, 03 Jan 2008 15:42:49 +0000

Let me join the choir of thankful people: I’ve been looking around the web, but this sentence explained it all: “It appears that if you have multiple position:relative elements in your code, then IE sets up separate Z layer contexts for each one, which ignore each other”.
Thanks!

By: Rengirl

Rengirl — Fri, 03 Aug 2007 01:24:17 +0000

THANK YOU THANK YOU THANK YOU! I was splitting hairs over this stupid IE css error and I was about to give up until I found this. Problem solved.

By: sunhwan » IE z-index Bug

sunhwan » IE z-index Bug — Fri, 27 Jul 2007 16:30:29 +0000

[...] IE z-index Bug [...]

By: tomchito

tomchito — Sat, 14 Jul 2007 20:24:34 +0000

Thx 4 the tip. I hate IE but my page has to work with this ‘browser’.

By: MahZeh.org » Blog Archive » Solutions to the IE z-index Bug: CSS

MahZeh.org » Blog Archive » Solutions to the IE z-index Bug: CSS — Mon, 09 Apr 2007 02:29:41 +0000

[...] The z-index style rule — seemingly simple at first, suprisingly complicated when you think it through — is an oft-misunderstood part of the CSS2 specification. Among those who misunderstand, evidently, are members of the Internet Explorer team at Microsoft. Others before me have documented the IE z-index bug (Anne van Kesteren and Kae Verens among them), but I find it easier to grasp with a live example: function zindex(id, z_index) { var old_link = $(id + “_” + $(id).getStyle(”z-index”)); if (undefined != old_link) { old_link.setStyle({background: “none”}); } if (0==z_index) { $(id).setStyle({”z-index”: null}); $(id + “_” + z_index).blur(); } else { $(id).setStyle({”z-index”: z_index}); $(id + “_” + z_index).setStyle({background: “#ea7″}).blur(); } } [...]