Comments on: IE7 lessons learned: the z-index bug

By: Richa

Richa — Thu, 24 Nov 2011 03:30:38 +0000

I think that’s a bit of a blunt instrument. The problem I was originally trying to solve was that I wasn’t sure what other relatively positioned elements were in the page—this was an application with data coming from a database—what relative stacking order they needed, or how close they were in proximity to the element I needed to be on top of everything.

What happens if you have some other positioned elements that have to stay in a certain stacking order in relation to the item you’re hovering? If they automatically get a z-index of 2 when your mouse is over them, you get unexpected behavior. What if you’re embedding a widget into someone else’s webpage? I don’t think this strategy would work.

By: Elliot Condon

Elliot Condon — Thu, 24 Nov 2011 01:47:32 +0000

What about an IE specific stylesheet with something as simple as this:

* {
z-index: 1;
}

*:hover {
z-index: 2;
}

Problem solved!

By: Steve Rifkin

Steve Rifkin — Tue, 11 Oct 2011 14:22:57 +0000

And the hits keep coming. Thank you, thank you, thank you for this post. I’ve spent off and on, weeks on this problem and had basically written off the layout until this….I don’t see a place where I can buy you a beer or grab a wishlist item for ya

By: Tomas

Tomas — Wed, 14 Sep 2011 14:09:30 +0000

Great.
After 4 hours I finally found working solution.

Thx man!!!

By: Richa

Richa — Mon, 07 Mar 2011 15:30:29 +0000

Samir,

What browsers do you see this problem in?
I'd need to see your source code.

By: Sam

Sam — Mon, 07 Mar 2011 09:12:12 +0000

Hey Richa,

I have flash movie on left hand side on a page. At other location there links which open JQuery Modal Window Form. Ideally when It open it should cover (mask) the whole screen and only show Modal Window Content. It does that, I mean it covers up the entire screen except Flash Part. Which come aobve the MOdal Window and hides the content inside it.

Can you please help? Thanks in Advance..
God Bless You

By: Walter

Walter — Mon, 17 Jan 2011 21:45:03 +0000

Thanks so much for posting this. Creating a UI style guide and was running into this issue with the menus. Saved me hours of research, I’m sure.

By: Evan Stern

Evan Stern — Fri, 03 Dec 2010 19:53:47 +0000

Thank you, this was what I needed. The z-index bug was beginning to drive me up the wall and the few solutions I found were not able to help me with my issue. The javascript solution worked!

By: eincerto

eincerto — Wed, 10 Nov 2010 16:33:21 +0000

Thanks so much for this solution / explanation / and code. Helped me in a pinch!

By: Isaac Freeman

Isaac Freeman — Wed, 13 Oct 2010 00:56:57 +0000

This has been bugging me for ages, and it’s great to find such a concise and usable solution. Thanks very much!