Css Lightbox2不喜欢IE8

查看我的页面：

点击IE8中的图片（woman study 01），透明的黑色背景不会一直延伸到页面下方。。。。感谢您的帮助

---

我在css中尝试过很多事情，比如将叠加div的高度更改为100%，等等。

将

上的
位置：绝对
。content

div更改为

位置：相对

它的绝对位置将它（以及整个页面的内容）从流中取出，将

正文

向下折叠到0的高度。您可以通过检查例如

document.body.scrollHeight

来验证这一点

由于Lightbox随后会看到身体没有高度，它只会麻烦地将覆盖层添加到一个屏幕上

---

编辑：为了解决评论中提到的问题（当lightbox延伸到原始页面底部以下时，覆盖层仍然不能覆盖所有内容），您可以在页面底部添加一些额外的填充。

我在这里做了一个技巧，只需将position:absolut转换为position:fixed，这样屏幕大小的覆盖层在向下或向上移动时就可以通过方向栏移动，这会给你一种覆盖整个页面的感觉。

现在仍然有一个“带结束标记和标题的底部元素的断开位置”。此外，它不会一直显示在屏幕底部。但是你的建议确实在很大程度上帮助了它我明白你的意思。我想那是灯箱里的一只虫子。覆盖层仍然只覆盖原始页面的高度。当打开的lightbox/图像延伸到页面原始底部下方时，覆盖层不会延伸到覆盖该部分（在Firefox和Safari中确实如此）。。。它的

getPageSize（）

函数在跨浏览器方面还不够。我能找到的获得正确高度的最可靠方法是使用

document.documentElement.scrollHeight

，但Lightbox不使用该方法。