Internet Explorer中的Z-index无法正常工作

Question

我已经为移动网站创建了一个菜单,当你点击菜单按钮时菜单幻灯片打开,这就是页面;

http://www.roadtotheweb.com/m.about.html

唯一的问题是在IE和Windows手机中,菜单不是最顶层的元素,因此在对象后面滑动.

我试图改变z-index,位置类型,hasLayout无济于事.

我将不胜感激任何帮助.

Ĵ

Answer 1

看起来你可能正在处理一个已知的bug:

"在Internet Explorer中,定位元素生成一个新的堆栈上下文,从z-index值0开始.因此z-index无法正常工作."

您可以在Quirksmode网站上看到错误报告,并在此博客文章中解释解决方法.

基本上你要做的就是把它包装在一个具有更高Z-index的元素中,例如下面是一个变通方法的快速草图:

<div style="position: relative; z-index: 3000">
    <div style="position:absolute;z-index:1000;">
        ...
    </div>
</div>