我有一个固定的div
叠加层(整个屏幕),其中包含另一个较小的居中div
的消息。
大div有position:fixed
和不透明度。
内部div也有position:fixed
但没有不透明度
但是在内部 div
中,我不希望透明度。(opacity: 1
):
问题:
我仍然认为它是透明的。我该如何解决它(内部div)?
内部div背景颜色为黑色。而且颜色是红色的。 (正如你所看到的)它不是正在发生的事情。 (我也试过了!重要的)
NB
当用户滚动时,不应滚动叠加div和内部div。
答案 0 :(得分:3)
只需将不透明度div放在div之外,不透明度。
http://jsbin.com/icuXOrI/11/edit?html,js,output
它有position:fixed
所以我把它放在哪里都没关系。
答案 1 :(得分:2)
您可以使用background-color: rgba(0,0,0,0.5)
答案 2 :(得分:0)
保留两个不同的div,一个不透明度较低,另一个没有。
<div parent>
<div with opacity></div>
<div without opacity></div>
</div>