IE7上的z-index问题

时间:2011-02-01 16:23:54

标签: css internet-explorer-7

任何人都可以通过IE7 [网站删除]

解决菜单上的z-index问题

1 个答案:

答案 0 :(得分:2)

“在Internet Explorer中,定位元素生成一个新的堆叠上下文,从z-index值0开始。因此z-index无法正常工作”(参见http://www.quirksmode.org/bugreports/archives/2006/01/Explorer_z_index_bug.html

似乎给父元素一个更高的z-index实际修复了这个bug。

请参阅:http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/

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