整个页面上的CSS过滤器

Question

我想知道我是否可以在整个页面上放置一个css过滤器,以便您可以看到该页面,但它顶部有一个略带灰色的过滤器,因为过滤器位于顶部,所以无需点击页面.

Answer 1

这可以通过<div id="overlay"></div>在DOM的底部放置一个空的叠加div()来实现,具有以下样式:

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

如果已声明任何z索引,则需要小心.此外,如果文档高度大于视口,则overlay div可能需要一些JavaScript处理.