滚动时 IE7 模态灯箱覆盖消失答案

【问题标题】：IE7 modal lightbox overlay disappears when scrolling滚动时 IE7 模态灯箱覆盖消失
【发布时间】：2012-06-25 15:39:22
【问题描述】：

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

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

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

谢谢！

【问题讨论】：

标签： css internet-explorer internet-explorer-7

【解决方案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;
}

【讨论】：