Return to Snippet

Revision: 15032
at June 21, 2009 17:13 by justinseiter


Initial Code
var zIndexNumber = 1000;
$('div').each(function() {
	$(this).css('zIndex', zIndexNumber);
	zIndexNumber -= 10;
});

Initial URL
http://www.vancelucas.com/blog/fixing-ie7-z-index-issues-with-jquery/

Initial Description
One way to fix many of the issues with IE7 is to dynamically reverse the default z-index stacking order of the elements on your page. This will ensure the elements higher in your HTML source will also have a higher z-index order on your page, solving most of the IE stacking issues. If you’re using jQuery (the best Javascript library there is), here’s the quick fix:

Initial Title
Fix IE7 Z-Index Issues with jQuery

Initial Tags
jquery

Initial Language
jQuery