无法覆盖不透明度值?

时间:2013-08-26 10:22:06

标签: html css opacity

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

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

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

但是在内部 div中,我不希望透明度。(opacity: 1):

问题:

我仍然认为它是透明的。我该如何解决它(内部div)?

enter image description here

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

Full JSBIN

NB

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

3 个答案:

答案 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>

JSBIN