Fix IE7 Z-Index Issues with jQuery

/ Published in: jQuery
Save to your folder(s)

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:

Copy this code and paste it in your HTML
  1. var zIndexNumber = 1000;
  2. $('div').each(function() {
  3. $(this).css('zIndex', zIndexNumber);
  4. zIndexNumber -= 10;
  5. });


Report this snippet


RSS Icon Subscribe to comments

You need to login to post a comment.