Wie wende ich eine Deckkraft an, ohne ein untergeordnetes Element mit HTML / CSS zu beeinflussen?

Ich möchte dies mit HTML und CSS erreichen:

Ich habe versucht, die Deckkraft des Containers auf 0,3 und die des Kastens auf 1 zu setzen, aber es funktioniert nicht: Beide Divs haben eine Deckkraft von 0,3.

jsFiddle meines versuchs hier

Der Effekt, den ich zu erreichen versuche, ist ein Popup-Fenster, das oben auf der Seite angezeigt wird. Es wird hervorgehoben, indem der Inhalt darunter ausgeblendet wird (indem die Deckkraft verringert wird).

Antworten auf die Frage(8)

Ihre Antwort auf die Frage