Opacity - Lichtdurchlässigkeit

Die Lichtdurchlässigkeit bzw. Opazität (engl. opacity) kann für Elemente einer html-Seite festgelegt und geändert werden. Diese Eigenschaft kann für Ein- bzw. Ausblendungen oder Überblendungen verwendet werden.

Syntax

CSS

#meinDiv {
    height: 30px;                   /* wird für IE 7 u. 8 benötigt,
                                       sonst interpretiert der IE 7 den Befehl
                                       filter: alpha(opacity = 50) nicht */
    filter: alpha(opacity = 50);    /* IE */
    opacity: 0.5;                   /* funktioniert für FF 3.0 und 3.5, Safari 4.0, Opera 9.6 */
}

JavaScript

function setOpacity(obj, opacity) {
    obj.style.filter = "alpha(opacity:"+opacity+")"; // Safari<1.2, Konqueror, IE7 und IE8
    obj.style.opacity = opacity/100; // Firefox 3.0 und höher, Safari, Opera
}

Beispiele

Infozeile mit weiteren Info`s überblenden