1

它可以使用 javascript 来完成，但仅使用 CSS，是否可以设置 div 的样式以与任何页面的文档内容或视口完全重叠（在页面上应用不透明的灰色层）？由于页面可以为其正文元素设置边距，因此将 div 样式设置为其正文元素的宽度是行不通的。（也需要在 IE 6 中工作）

4

3 回答 3

3

如果你有<div>这样的：

<div id="cover"></div>

这些样式应该这样做：

#cover {
    background-color: #ccc;
    opacity: 0.6;
    filter:alpha(opacity=60);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

在正文有边距的页面上进行了测试，它覆盖了我在 IE 和 FF 上的整个视口。

于 2009-05-15T18:48:57.197 回答
0

高度：如果文档长度小于视口高度，则 100% 不会覆盖视口。在这种情况下，您将不得不使用 Javascript。

于 2009-05-15T18:55:33.403 回答
-1

使用 IE 在 CSS 中执行 javascript 的能力是作弊吗？

width:expression(document.body.clientWidth)
于 2009-05-15T18:50:54.367 回答