Html 整个页面上的CSS过滤器

我想知道我是否可以在整个页面上放置一个css过滤器，以便您可以看到该页面，但它的顶部有一个略带灰色的过滤器，单击页面上的任何内容都无法看到，因为过滤器位于顶部。

这可以通过在DOM底部放置一个空的覆盖div来实现，样式如下：

#overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: .6;
    filter: alpha(opacity=60);
}

---

如果声明了任何z索引，则需要小心。此外，如果文档高度大于视口高度，覆盖div可能需要一些JavaScript处理。

这可以通过在DOM底部放置一个空的覆盖div来实现，样式如下：

#overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: .6;
    filter: alpha(opacity=60);
}

---

如果声明了任何z索引，则需要小心。此外，如果文档高度大于视口高度，覆盖div可能需要一些JavaScript处理。

HTML将其放在页面底部：

<div id="overlay"></div>

---

如果你想支持IE8及以下的反向浏览器，你必须重新调整代码。例如，IE中不支持RGBA。

HTML将其放在页面底部：

<div id="overlay"></div>

---

如果你想支持IE8及以下的反向浏览器，你必须重新调整代码。例如，IE中不支持RGBA。

我是否只将其放在DOM的底部而不使用z索引？还是直接放在标签之间，这样就可以覆盖整个页面？如果还有其他绝对定位元素，可能需要z-index。@Matthew：DOM的底部，在关闭标签之前。非常感谢。非常感谢！我只是把它放在DOM的底部，没有z索引吗？还是直接放在标签之间，这样就可以覆盖整个页面？如果还有其他绝对定位元素，可能需要z-index。@Matthew：DOM的底部，在关闭标签之前。非常感谢。非常感谢！IE6不支持立场：修正了，对于所有仍然必须支持它的可怜人来说。看看上面的rgba克服-@是的，我知道。我以前就是这样做的。但我不再支持IE；IE6不支持立场：修正了，对于所有仍然必须支持它的可怜人来说。看看上面的rgba克服-@是的，我知道。我以前就是这样做的。但我不再支持IE；