我的帖子是关于http://www.thepostboard.net http://www.thepostboard.net
我需要让当前覆盖 100% 视口的黑框覆盖整个页面。只有当您的屏幕需要滚动条才能查看网站时,您才会注意到这一点 - 否则它看起来不错。
我将覆盖 div 设置为:
position: absolute;
height: 100%;
width: 100%;
我还将身体设置为:
height: 100%;
margin: 0px 0px;
padding: 0px; 0px;
但出于某种原因,在我的笔记本电脑上,如果我向下滚动,我会看到 DIV 的边缘,并且其下方没有任何内容被遮挡。
这样做的目的是为网站创建一个自定义灯箱。我已经禁用了使框变暗的 Javascript,以便您可以看到效果。
如何让它覆盖整个页面,而不仅仅是视口?
(我的笔记本电脑的分辨率为 1366x768,因此您可能会在高度分辨率
The <div>
需要是
top: 0;
left: 0;
position: fixed;
width: 100%;
height: 100%;
background-color: red;
然后它将停留在视口的尺寸内并随滚动条“移动”。
Edit:它只会覆盖整个视口,如果<body>
样式为
margin: 0;
padding: 0;
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)