Comments on: Conflicting Z-Index in IE6 http://www.last-child.com/conflicting-z-index-in-ie6/ CSS Toys for Professional Web Developers Mon, 15 Feb 2010 21:51:36 -0800 http://wordpress.org/?v=2.8.4 hourly 1 By: the emotional pumpkin » IE7 lessons learned: the z-index bug http://www.last-child.com/conflicting-z-index-in-ie6/comment-page-1/#comment-30584 the emotional pumpkin » IE7 lessons learned: the z-index bug Thu, 09 Jul 2009 08:56:46 +0000 http://www.last-child.com/conflicting-z-index-in-ie6/#comment-30584 [...] how to work around it. If the problem you’re having is with form elements bleeding through, one of the solutions described here, specifically Hedger Wang’s solution (placing your menu above an iframe with a z-index of [...] [WORDPRESS HASHCASH] The comment's server IP (64.111.120.15) doesn't match the comment's URL host IP () and so is spam. [...] how to work around it. If the problem you’re having is with form elements bleeding through, one of the solutions described here, specifically Hedger Wang’s solution (placing your menu above an iframe with a z-index of [...]

[WORDPRESS HASHCASH] The comment’s server IP (64.111.120.15) doesn’t match the comment’s URL host IP () and so is spam.

]]> By: Cristian http://www.last-child.com/conflicting-z-index-in-ie6/comment-page-1/#comment-30559 Cristian Mon, 08 Jun 2009 18:33:22 +0000 http://www.last-child.com/conflicting-z-index-in-ie6/#comment-30559 Thanks for sharing! This saved me a whole lot of headaches! Thanks for sharing! This saved me a whole lot of headaches!

]]> By: Trevor http://www.last-child.com/conflicting-z-index-in-ie6/comment-page-1/#comment-30469 Trevor Mon, 30 Mar 2009 16:55:36 +0000 http://www.last-child.com/conflicting-z-index-in-ie6/#comment-30469 I am having an issue with z-index in IE 6 using MSFT filters for transparent PNGs. I know this is a whole crazy world of inconsistencies and hokey crap but I was wondering if you have any info on how filter effects z-indexing in IE 6 or if it effects any of the hasLayout stuff. I am having an issue with z-index in IE 6 using MSFT filters for transparent PNGs. I know this is a whole crazy world of inconsistencies and hokey crap but I was wondering if you have any info on how filter effects z-indexing in IE 6 or if it effects any of the hasLayout stuff.

]]> By: Ted http://www.last-child.com/conflicting-z-index-in-ie6/comment-page-1/#comment-30465 Ted Wed, 25 Mar 2009 15:59:04 +0000 http://www.last-child.com/conflicting-z-index-in-ie6/#comment-30465 zoom:1 is actually a normal css rule that defines the magnification of the page at 100%. No browser really recognizes it, but it invokes haslayout and Microsoft recommends it as a safe method. zoom:1 is actually a normal css rule that defines the magnification of the page at 100%. No browser really recognizes it, but it invokes haslayout and Microsoft recommends it as a safe method.

]]> By: Leo http://www.last-child.com/conflicting-z-index-in-ie6/comment-page-1/#comment-30426 Leo Mon, 02 Feb 2009 03:28:00 +0000 http://www.last-child.com/conflicting-z-index-in-ie6/#comment-30426 Just put "zoom: 1" on the element giving you the problem, IE6 will draw it on top when you do that. It's not valid CSS but it's some crazy shit that IE6 does and it fixes it's own stupid little problem. This is by far the easiest fix. Just put “zoom: 1″ on the element giving you the problem, IE6 will draw it on top when you do that. It’s not valid CSS but it’s some crazy shit that IE6 does and it fixes it’s own stupid little problem. This is by far the easiest fix.

]]> By: David Jones http://www.last-child.com/conflicting-z-index-in-ie6/comment-page-1/#comment-30418 David Jones Thu, 29 Jan 2009 21:12:47 +0000 http://www.last-child.com/conflicting-z-index-in-ie6/#comment-30418 Thank you so much - IE6 is driving me bonkers and this tip really helped me! Thank you so much – IE6 is driving me bonkers and this tip really helped me!

]]> By: Gercek http://www.last-child.com/conflicting-z-index-in-ie6/comment-page-1/#comment-30387 Gercek Mon, 19 Jan 2009 21:58:05 +0000 http://www.last-child.com/conflicting-z-index-in-ie6/#comment-30387 negative index -1 also saved my ass! thanks dude. negative index -1 also saved my ass! thanks dude.

]]> By: Robert J. Berger http://www.last-child.com/conflicting-z-index-in-ie6/comment-page-1/#comment-30180 Robert J. Berger Tue, 09 Dec 2008 17:19:20 +0000 http://www.last-child.com/conflicting-z-index-in-ie6/#comment-30180 We ended up using the bgiframe jquery plugin (http://plugins.jquery.com/project/bgiframe). It implements the iframe "shield" technique in a library. I figure that making IE6 users have to have a bit more of a library download penalty (which isn't really all that much) so that I don't have to go crazy about IE6 bleedthru is worth it. We ended up using the bgiframe jquery plugin (http://plugins.jquery.com/project/bgiframe). It implements the iframe “shield” technique in a library. I figure that making IE6 users have to have a bit more of a library download penalty (which isn’t really all that much) so that I don’t have to go crazy about IE6 bleedthru is worth it.

]]> By: Andrew Mellenger http://www.last-child.com/conflicting-z-index-in-ie6/comment-page-1/#comment-30051 Andrew Mellenger Mon, 06 Oct 2008 03:33:37 +0000 http://www.last-child.com/conflicting-z-index-in-ie6/#comment-30051 I was having this z-index issue as well, but I have two menus with drop down lists, one that drops down on the other. similar to the nav menu on http://nymag.com/ If I set the secondary menu to z-index: -1 then the links didn't work anymore. I decided to use jquery to change the z-index of the second level menu as needed: $('ul#primary-menu > li').hover( function(){ $('#secondary-menu').css("zIndex","-1"); }, function(){ $('#secondary-menu').css("zIndex","5"); } ); hope that helps someone. I was having this z-index issue as well, but I have two menus with drop down lists, one that drops down on the other. similar to the nav menu on http://nymag.com/

If I set the secondary menu to z-index: -1 then the links didn’t work anymore. I decided to use jquery to change the z-index of the second level menu as needed:

$(’ul#primary-menu > li’).hover(
function(){
$(’#secondary-menu’).css(”zIndex”,”-1″);
},
function(){
$(’#secondary-menu’).css(”zIndex”,”5″);
}
);

hope that helps someone.

]]> By: ljagy http://www.last-child.com/conflicting-z-index-in-ie6/comment-page-1/#comment-30047 ljagy Thu, 25 Sep 2008 13:53:46 +0000 http://www.last-child.com/conflicting-z-index-in-ie6/#comment-30047 Beautiful! Z-index:-1 saved my day. Thanks a lot. Beautiful! Z-index:-1 saved my day. Thanks a lot.

]]>