Manish Verma » z-index http://manishlive.com Freelance Web Developer Tue, 02 Aug 2011 11:26:55 +0000 en hourly 1 http://wordpress.org/?v=3.1.3 Internet Explorer Z-Index Bug http://manishlive.com/internet-explorer-z-index-bug/ http://manishlive.com/internet-explorer-z-index-bug/#comments Fri, 12 Mar 2010 13:23:25 +0000 admin http://manishlive.com/?p=134 Yet Another Related Posts Plugin.]]> Problem :
If you are working on hover menus with sub-menus & under it there is an image. When you hover menu & expanded sub-menus hide behind image as both div’s are positioned well with the right z-index property.

In Internet Explorer positioned elements generate a new stacking context, starting with a z-index value of 0. Therefore z-index doesn’t work correctly.

Fix :
To fix this bug, Give parent div a higher z-index value

<div style="z-index: 3000">
    <div style="position:absolute;z-index:1000;">
	<a href="#">Page</a>
	        ...
    </div>
</div>
<img style="position:absolute" src="image.png" />

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

]]> http://manishlive.com/internet-explorer-z-index-bug/feed/ 0