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

Question

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

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

有没有人对我有任何指示？我一直在使用带有 IE7 渲染的 Internet Explorer 9 进行测试，我在#fade div 周围添加了一个 4px 纯红色边框进行测试，我还在页面上安装了 Firebug Lite 来提供帮助。

谢谢！

Answer 1

看看这个主题：位置固定和 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;
}

`