Posts Tagged ‘explorer’
Internet Explorer Z-Index Bug
March 12th, 2010 | 
Author: 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" />
Posted in 
Tags: 
