Comments on: Squish the Internet Explorer Z-Index Bug

By: Yas

Yas — Tue, 24 Apr 2012 18:08:53 +0000

Thanks saved my time

By: Been

Been — Fri, 20 Apr 2012 01:32:59 +0000

Thanks for nice trick! Good job!

By: Frato

Frato — Tue, 17 Apr 2012 21:54:55 +0000

Thanks, I can now go to sleep, you saved me a few hours of madness !

By: Jan Malin

Jan Malin — Tue, 17 Apr 2012 11:39:45 +0000

Well done. Great tip.

By: Nick

Nick — Wed, 11 Apr 2012 21:52:33 +0000

I was ready to throw my computer out the window with frustration after spending HOURS on this problem but your solution worked. I’d hug ya if I could! Thank you very much!

By: Oyvind Kvalnes

Oyvind Kvalnes — Wed, 11 Apr 2012 08:44:48 +0000

Thank you!

By: Sam

Sam — Tue, 10 Apr 2012 00:41:21 +0000

Thanks for that! Can’t believe how much IE sucks!

By: Jacques

Jacques — Wed, 04 Apr 2012 22:09:35 +0000

Thanks you!

By: Mohit

Mohit — Sun, 01 Apr 2012 09:54:16 +0000

Hi,

Thanks very much for the tutorial. It looks a great solution as working for many people. I am also facing the same problem. I am using a css3 multilevel navigation bar but the submenus are hidden behind the body part in IE8. I tried changing the z-index but couldn’t succeed. In my blog template I found z-index at following places-

.body-fauxcolumn-outer .cap-top {
position: absolute;
z-index:1;

height: 276px;
width: 100%;

background: transparent $(body.background.gradient.cap) repeat-x scroll top left;
_background-image: none;
}

AND

ul#css3menu1 li{
position:relative;display:block;white-space:nowrap;font-size:0;float:left;}
ul#css3menu1 li:hover{
z-index:1;}
ul#css3menu1{
padding:1px 1px 1px 0;font-size:0;z-index:999;position:relative;display:inline-block;zoom:1;
*display:inline;}
ul#css3menu1>li{
margin:0 0 0 1px;}

Kindly tell me which z-index values to be changed to what so that I can fix the problem.

Thanks

By: Steven

Steven — Thu, 29 Mar 2012 17:42:58 +0000

Simple, elegant, and fast! Thank you for saving me the hour or so I would have spent trying to squish this bug!

By: Vladimir

Vladimir — Fri, 23 Mar 2012 11:06:32 +0000

I think that is one and only solution for this problem.
Thank you !!!

By: Joe

Joe — Mon, 19 Mar 2012 17:01:20 +0000

Saved me some grief. Thank you!

By: Jobs in Crawley

Jobs in Crawley — Fri, 16 Mar 2012 16:24:55 +0000

thanks for this! such a simple fix but i have been trying to fix this in IE for days!

By: Common CSS Issues in IE | Stone Designs

Common CSS Issues in IE | Stone Designs — Fri, 09 Mar 2012 20:22:05 +0000

[...] IE, you have to give the parent element a higher z-index as crazy as that sounds. YAY IE! You can read more about this bug here. Posted on March 9, 2012 [...]

By: Maozilla

Maozilla — Wed, 29 Feb 2012 13:01:08 +0000

Grazie mille funziona alla grande!!!!!!

thk

By: online recruitment

online recruitment — Tue, 28 Feb 2012 17:05:35 +0000

man, thanks for this, I was ripping my hair out, trying to change loads of z-indices, but your tip worked a treat.

By: spletniagent

spletniagent — Wed, 22 Feb 2012 14:41:43 +0000

IE sucks

thank you . ..

By: Shalmali

Shalmali — Wed, 22 Feb 2012 00:41:03 +0000

SteveG’s solution worked for me! Giving the lower layer div a z-index of -1. Thanks a bunch!

By: sankha

sankha — Thu, 09 Feb 2012 06:42:48 +0000

Thank you..

By: Mart5210

Mart5210 — Thu, 02 Feb 2012 18:52:56 +0000

you are an absolute life saver. Or do I mean sanity saver. Many thanks.