Jorge Pedret » bug http://jorgepedret.com Freelance Web Developer + Front End Designer Wed, 25 Jan 2012 16:43:31 +0000 en hourly 1 http://wordpress.org/?v=3.3 How to fix z-index problem in ie7 with jQuery? http://jorgepedret.com/web-development/how-to-fix-z-index-problem-in-ie7-with-jquery/ http://jorgepedret.com/web-development/how-to-fix-z-index-problem-in-ie7-with-jquery/#comments Wed, 07 Oct 2009 03:50:47 +0000 Jorge Pedret http://www.jorgepedret.com/blog/?p=5 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;
	});
});
]]> http://jorgepedret.com/web-development/how-to-fix-z-index-problem-in-ie7-with-jquery/feed/ 1