Javascript 在CSS中创建覆盖？

当某些情况出现时，我会动态显示div

当我显示div时，如何创建背景变暗和div突出的效果？很像许多AJAX灯箱或弹出窗口。（加厚盒、彩色盒、彩盒等）

我不知道；我不太明白他们是怎么做的。除此之外，我的所有其他代码都使用我自己的自定义代码

---

有人能帮我学习吗？

在内容上方放置一个div并设置不透明度。我在我的一个网站上使用它

<div id="error_wrapper">
    <div id="site_error">
        Error:
    </div>
</div>

div#error_wrapper {
    z-index: 100;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000000;
    top: 0px;
    left: 0px;
    opacity: 0.7;
    filter: alpha(opacity=70);

}

div#site_error {
    position: fixed;
    top: 200px;
    width: 400px;
    left: 50%;
    margin-left: -200px;
}

错误：
div#错误_包装{
z指数：100；
位置：固定；
宽度：100%；
身高：100%；
背景色：#000000；
顶部：0px；
左：0px；
不透明度：0.7；
过滤器：α（不透明度=70）；
}
div#site#u错误{
位置：固定；
顶部：200px；
宽度：400px；
左：50%；
左边距：-200px；
}

如果您创建了一个与页面的全宽和全高相同的层，并为其指定了比整个页面更高的z索引，则可以创建此效果。然后将显示的div放在上面。

只需使用页面大小的全局div即可覆盖任何其他内容：

---

这里有一个例子，你可以玩玩

希望这有帮助

---

Bob

或

rgba（）

适用于现代浏览器。非常好。有道理。我以为这和不透明有关！我能够根据自己的需要来调整它。我很感谢你的帮助。你知道如何在潜水艇上转弯吗？我可以找到一些例子，但它们都涉及到使用图像。有没有一种纯粹的CSS方式？css2中没有。也许css3提供了一些圆分割角的选项。你最好开始一个关于这个主题的新问题，因为它与这个主题没有直接关系。我还看到你有很多没有公认答案的开放性问题。如果您的问题得到解决，请接受答案。您是否正在许多网站上寻找类似于“调暗灯光”功能的功能？页面内容变暗，视频/div保持明亮的位置？如何做到这一点是通过将一个100%宽度和高度的不可见层放置在所选div的下方，但在页面内容的其余部分上方。该层背景为黑色，不透明度更改为淡入。搜索dim the lights jquery这是我找到的一个链接：如果我错了，请更正我，但这样你仍然可以使用当前窗口下方网站上的内容。因此，如果向下滚动，某些内容仍然可见。我想最好使用position fixed。@标记您可能是对的，我现在无法访问实际代码。