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