查看我的网页:http://tonyperson.com/art4art
点击IE8中的图片(女性学习01),透明的黑色背景不会一直向下...任何帮助表示赞赏!
我在css中尝试了很多东西,例如将叠加div的高度更改为100%等等......
答案 0 :(得分:2)
将position: absolute
div上的.content
更改为position: relative
。
它的绝对定位将其(以及整个页面的内容)从流程中移出,将body
向下折叠到0的高度。您可以通过检查例如document.body.scrollHeight
。
由于Lightbox会看到身体没有高度,所以只会将叠加添加到一个屏幕上。
编辑:作为解决方案中提到的问题的解决方法(当灯箱延伸到原始页面底部以下时,叠加层仍未涵盖所有内容),您可以在底部添加一些额外的填充。页。
答案 1 :(得分:1)
我在这里制作了一个棘手的技巧,只需转换位置:绝对位置:固定所以屏幕尺寸的叠加可以通过向下或向上的方向条移动,它会让你感觉叠加覆盖所有页面。