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

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

Initial Language