Im aktuellen Kapitel wird gerade die Eigenschaft „opacity“ angesprochen. Sinn der Eigenschaft ist klar, aber da taucht nun auch noch „filter: Alpha(opacity = Wert); auf. Dazu kommt noch in css4you steht noch eine Version, nämlich „-moz-opacity“.

Toll das es so eine Vielfalt gibt, aber was ist den nun aktuell und was soll ich wie nutzen?
Opacity alleine, mit filter zusammen, oder filter alleine, was ist mit –moz-.
Bin leicht verwirrt.

PS: Das Buch existiert ja nun schon knapp 3 Jahre und das Problem ist, was hat sich in der Zeit getan? Ist es noch aktuell was man dort beigebracht bekommt? Deshalb frag ich lieber mal nach.

__________________
Gruß Michael
Sketch • Atom • Transmit

opacity wird seit Firefox 1 unterstützt, daher ist -moz-opacity Geschichte, (allenfalls noch für sehr alte Netscapes sinnvoll, so sie denn einer deiner Nutzer noch verwendet.) Man sieht es dennoch überall, copy&paste.

filter ist zwingend für IE < 8, da IE bislang kein opacity unterstützt. filter ist nicht valide und sollte unbedingt in Conditional Comments verpackt werden. Es ist noch nicht raus, wie IE 8 die filter unterstützt, eventuell mit dem Präfix "-ms-", also abwarten und in CC verstecken.

Beachte, dass sich opacity und filter durchaus unterscheiden, wenn es um Verschachtelungen von Elementen geht.

PS: du hast nicht gesagt, auf welches Buch du dich beziehst.

__________________
Ingo Chao

Buch: Fortgeschrittene CSS-Techniken

Danke für die Ausführung.

Sichtbarkeit und visuelle Effekte ? Einführung in XHTML, CSS und Webdesign

__________________
Gruß Michael
Sketch • Atom • Transmit

Um wirklich *jeden* Browser zu bedienen, kann man diese Angaben machen (die natürlich nicht mehr 100% CSS valide sind):

#element
{
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity:0.5;
opacity:0.5;
}

__________________
“My software never has bugs. It just develops random features ...”

» DevShack - die Website des freien Webentwicklers Boris Bojic

Und da verschluckt sich ein Browser nicht, bei 4 Regeln die alle die gleiche Eigenschaft beschreiben?
Nicht das ich quasi 4x90° angebe und stehe dann nachher wieder da, wo ich begonnen habe.

__________________
Gruß Michael
Sketch • Atom • Transmit

Nein, wieso sollte er sich "verschlucken" - die Browser kennen nur je eine dieser Angaben und ignorieren die anderen. Getestet habe ich das auch ausführlich auf diversen Browsern (Mac, Win und Linux).

__________________
“My software never has bugs. It just develops random features ...”

» DevShack - die Website des freien Webentwicklers Boris Bojic

Mozilla würde -moz-opacity und opacity kennen, jedoch wird in Mozilla -moz-opacity als Alias verarbeitet, d.h. eine opacity-Angabe, die auf eine -moz-opacity-Angabe folgt würde diese einfach nur überschreiben.

Nebenbei: In IE8 wird vermutlich -ms-opacity die Filter ersetzen (diese bauten ja auf dem hasLayout-Bug auf), sicher zeigen wird das aber wohl erst die nächste Beta, welche ja schon sehr bald zu erwarten ist.

um genau zu sein: danach ist es zu 0% valide.

__________________
Ingo Chao

Buch: Fortgeschrittene CSS-Techniken