Question

我有一个固定的div叠加层（整个屏幕），其中包含另一个较小的居中div的消息。

大div有position:fixed和不透明度。

内部div也有position:fixed但没有不透明度

但是在内部 div中，我不希望透明度。（opacity: 1）：

问题：

我仍然认为它是透明的。我该如何解决它（内部div）？

enter image description here

内部div背景颜色为黑色。而且颜色是红色的。（正如你所看到的）它不是正在发生的事情。（我也试过了！重要的）

NB

当用户滚动时，不应滚动叠加div和内部div。

Answer 1

只需将不透明度div放在div之外，不透明度。

它有position:fixed所以我把它放在哪里都没关系。

Answer 2

您可以使用background-color: rgba(0,0,0,0.5)

使背景颜色透明

Answer 3

保留两个不同的div，一个不透明度较低，另一个没有。

<div parent>
    <div with opacity></div>
    <div without opacity></div>
</div>