How to fix z-index problem in ie7 with jQuery?

by on October 6, 2009 in bug, CSS, IE7, jQuery, Web Development

A quick post, I was just having problems in my website with my beautiful picture showing on top of everything. It was showing fine in FF but in Internet Explorer 7 it was showing behind, so you could only see like half of my face and that’s not fare for anyone.

I found this cool website where I read that ie7 does something weird with the stack order when it renders the page and solves the problem using jQuery. Surprisingly I just copied and pasted the code (after analyzing it of course) and it fixed my problem!

Here is the code! for more details on this solution go to Vance Lucas Website


$(function() {
	var zIndexNumber = 1000;
	$('div').each(function() {
		$(this).css('zIndex', zIndexNumber);
		zIndexNumber -= 10;
	});
});
2 Comments Short URL , , , , ,

2 Responses to “How to fix z-index problem in ie7 with jQuery?”

  1. shah December 12, 2011 at 1:51 am #

    Thanks

    it works…

    Thanks again

  2. Dejan February 8, 2012 at 11:14 pm #

    Thanks you for saving my day!!!

Leave a Reply