javascript - 如何使用 javascript 或 css 使 div 突出显示而其余内容为灰色或阴影？

Question

我看到 div 就像活动框一样，我认为必须有一种方法，而不是调整页面颜色或创建图层并使用 z 索引将焦点 div 放在前面。

我想隐藏页面上的所有内容，除了我想向用户显示的 div。就像 facebooks 显示前面的图片，但您仍然可以在背景中看到大约 50% 不透明度的页面。

score 5 · Accepted Answer

创建一个覆盖整个页面的元素：

<div id="modal"></div>

样式它：

#modal {
    background: rgba(0,0,0,.8);
    position: fixed;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;
    z-index: 100;
}

仅在需要时显示。接下来为我们想要的元素创建一个类：

.overModal {
    position: relative;
    z-index: 200;
}

1 回答 1