css - 滚动时 IE7 模态灯箱覆盖消失

Question

我希望在我遇到的开发站点上的一个错误上得到一些帮助。我正在尝试在此页面底部做一个灯箱:http://learningseat.wpdemo.com.au/discover/#links .单击四个圆形按钮之一以触发灯箱。

我在单击其中一个按钮时附加到页面底部的 #fade 叠加层出现问题。当我在页面上向上滚动时，叠加层不会覆盖 IE7 中页面上方的其他元素。

有人给我指点吗？我一直在使用 IE7 渲染的 Internet Explorer 9 进行测试，我在 #fade div 周围添加了一个 4px 实心红色边框进行测试，我还在页面上安装了 Firebug Lite 以提供帮助。

谢谢!

Answer 1

看看这个主题:Position fixed and Internet Explorer

可能性:

• 添加严格的文档类型。但由于您使用的是 HTML5，我怀疑这无法完成。
• 使用 Riga 的解决方法:

`

#fade {
  position:fixed;
  _position:absolute;
  top:0;
  _top:expression(eval(document.body.scrollTop));
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .2;
  background-color: black;
  z-index: 1;
  display: none;
}

`