[Tutorial] Transparente Bilder in CSS
von
Bengt
• ( Admin | Beiträge: 1.532 )
Ein schöner Effekt ist die Transparenz eines Elements.
Mit dem Attribut -moz-opacity für die Geckos, filter:alpha(opacity=) für den IE und opacity für Opera 9 lässt sich die Transparenz eines Elements einstellen.
In diesem Div-Container wird ein Bild angezeigt. Dadurch, dass wir dem Bild einen Transparentwert zuordnen, scheint nun der Hintergrund durch.
-moz-opacity: Werte von 0.00 (vollständige Transparenz) bis 1.00 (keine Transparenz),
opacity: Werte von 0.00 (vollständige Transparenz) bis 1.00 (keine Transparenz),
filter:alpha(opacity=) Werte von 0 (vollständige Transparenz) bis 100 (keine Transparenz).
Mit dem Attribut -moz-opacity für die Geckos, filter:alpha(opacity=) für den IE und opacity für Opera 9 lässt sich die Transparenz eines Elements einstellen.
<div>
<img src="bildlink"
style="filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;">
</div>
In diesem Div-Container wird ein Bild angezeigt. Dadurch, dass wir dem Bild einen Transparentwert zuordnen, scheint nun der Hintergrund durch.
-moz-opacity: Werte von 0.00 (vollständige Transparenz) bis 1.00 (keine Transparenz),
opacity: Werte von 0.00 (vollständige Transparenz) bis 1.00 (keine Transparenz),
filter:alpha(opacity=) Werte von 0 (vollständige Transparenz) bis 100 (keine Transparenz).


