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

可能性：

添加严格的doctype。但是，由于你使用HTML5，我怀疑无法做到。
使用里加的解决方法：

`

#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;
}

`

滚动时IE7模态灯箱叠加消失

1 个答案: