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