CSS 叠加效果 - 排除某些容器

Question

我正在使用此处显示的 CSS 向网页应用叠加效果:

.jqifade{
    position: relative; 
    background-color: #000000; 
    height:2315px !important; /*set to page height*/
}

此 CSS 用一种颜色(黑色)覆盖整个网页，稍后使用 JS 将其设置为 30% 不透明度。我想用 id="noOverlay" 排除一个 div，这样 CSS 就不会应用到这个 div。这可能吗？如果是这样......怎么办？

Answer 1

有可能使某个元素的 z-index 高于叠加层。同样对于叠加层，您可以考虑使用 rgba 来设置不透明度。

.jqifade{
    position: relative; 
    background-color: rgba(255, 255, 255, .3); 
    height:2315px !important; /*set to page height*/
}

只需注意浏览器与此的兼容性。