html - Can't override the opacity value?

Question

I have a fixed div overlay (whole screen) which contain another smaller centered div for a message.

The big div has position:fixed and opacity.

The inner div also has position:fixed but without opacity

But in the inner div , I don't want to have any transparency.(opacity: 1) :

Problem:

I still see it as transparent. How can I fix it ( the inner div) ?

enter image description here

the inner div background-color is black. and the color is red. and (as you can see) it is not what is happening. ( I also tried !important)

NB

the overlay div and inner div should not be scrolled when user scrolls.

score 3 · Accepted Answer

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

它有position:fixed所以我不管你把它放在哪里。

score 2 · Accepted Answer

2

您可以使用使背景颜色透明background-color: rgba(0,0,0,0.5)

于 2013-08-26T10:27:35.910 回答

score 0 · Accepted Answer

保留两个不同的 div，一个不透明，另一个不透明。

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

3 回答 3