Hilfe bei Div (Transparent)

[DBlog]

Hallo und zwar habe ich folgendes Problem

ich möchte gerne das der Hintergrund eine opacity: 0.8 hat , der Vordergrund 1
nun mein Problem:
wenn ich es so mache wie hier:

<div id="beispiel">
<iframe src=""></iframe>
</div>

Css

#beispiel {
       opacity: 0.8
       background: url(beispiel.png)
}

dann ist der ganze Div 0.8 was ich auch verstehe nur ich weiss nicht wie ich es schaffe den iframe 1 zu setzten

<div id="beispiel">
<iframe src="" style="opacity:1;"></iframe>
</div>

funktioniert nicht

kann mir jemand weiterhelfen ?

 

[Dominic28]

#beispiel iframe {
    opacity: 1.0
}

Sollte das nicht schon reichen?

 

[Tronjer]

a) Vererbt sich Opacity auf Kindelemente, selbst wenn diese mit einem höheren Wert belegt werden.
b) Verwendet man unter normalen Umständen keine iFrames mehr.

 

[threadi]

c) Ist das ein CSS-Topic, welches nicht in den HTML-Bereich gehörte. Hab es verschoben.

 

[scbawik]

d) damit er auch eine Antwort bekommt:

#beispiel {
    background-color:rgba(255,255,255,0.8);
}

PS: Wird nur von neueren Browsern unterstützt.

 

[Banana_Jones]

PS: Wird nur von neueren Browsern unterstützt.

Und deswegen sollte man zusätzliche eine Fallback-Color vergeben, damit die Browser, die mit rgba() nichts anfangen können, nicht gar nichts oder Kraut und Rüben anzeigen:

#beispiel {
    background-color:rgb(255,255,255) /* Fallback-Color, hier weiß */
    background-color:rgba(255,255,255,0.8); /* Transparenz-Color */
}

Natürlich sollte die Fallback-Color optisch etwa der Transparenz-Farbe entsprechend, nur halt als Volltonfarbe. Bei einem schwarzen Hintergrund wäre in unserem Fall dann eher ein Grauton angebracht

 

[Tronjer]

e) Man legt das Background-Image gleich mit 80% Opazität im Photoshop an und weicht dadurch CSS-Problemen aus.