Internet Explorer Z-Index Bug
Internet Explorer has a z-index bug and here are a couple of fixes.
Give the containing layer a higher z-index level.
<div style="z-index: 3000"> <div style="position:absolute;z-index:1000;"> <a href="#">Page</a> ... </div> </div> <img style="position:absolute" src="myimage.png" />
Src: http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/
Fix it with jQuery:
$(function() { var zIndexNumber = 1000; $('div').each(function() { $(this).css('zIndex', zIndexNumber); zIndexNumber -= 10; }); });
Src: http://www.vancelucas.com/blog/fixing-ie7-z-index-issues-with-jquery/
CSS Targets For IE6 & IE7
Using the following selectors you can directly target IE6 and IE7. This can be used to fix small css issues that those browsers bring up.
#someElement { background: red; /* modern browsers */ *background: green; /* IE 7 and below */ _background: yellow; /* IE6 exclusively */ }
Recent Comments