Even though IE9 was announced and it’s really going to make our lives easier… for now we still have to worry about sneaky IE7.
Even though IE9 was announced and it’s really going to make our lives easier… for now we still have to worry about sneaky IE7.
In today’s case i encountered an unfortunate error with [...]
Even though IE9 was announced and it’s really going to make our lives easier… for now we still have to worry about sneaky IE7.
Even though IE9 was announced and it’s really going to make our lives easier… for now we still have to worry about sneaky IE7.
In today’s case i encountered an unfortunate error with a navigation element that was positioned absolutely (drop-down menu) and unfortunately went
behind the main graphic on my website even though it had a high z-index.
The Problem: IE7 has a problem rendering z-indexes correctly (of course) and in a few rare scenarios you may run into this problem. Off the
top of my head the two main scenarios are a SuckerFish (drop down) menu made with pure CSS that goes over certain content on your page, and a lightbox
that somehow doesn’t play nice with the elements underneath it.
The Solutions: There are a couple of solutions, let me try to explain both.
$(function() {
var zIndexNumber = 1000;
$('div').each(function() {
$(this).css('zIndex', zIndexNumber);
zIndexNumber -= 10;
});
});
Related posts:
Comments
Thanks! I was pulling my hair out until I read this…
Really nice Thank you so much
Excellent! Thank you very much! you’re a life saver (sort to speak:).
Thank you
working.
Finally! Somebody who explained this bug like a normal human being, THANK YOU! Every other site that tries to explain this bug makes no damn sense at all. Once again thanks very much!
Thank you! Been searching for an explanation on this all morning.
3 days later and this article has already saved my butt three times. Thanks again!
Leave your own!