Transparenz: opacity

[Mario]

Hallo,

ich würde gern wissen, ob es andere Möglichkeiten gibt, Objekte halb durchässig zu machen, als die Verwendung des opacity Tags. Meines Wissens nach gehört es sowieso nicht zum offiziellen CSS Standard und wäre so im NS/Mozilla/Opera ungültig. Gibt es andere Wege?

Gruß, Mario.

[Henry Chinaski]

Hallo Mario,

ich würde gern wissen, ob es andere Möglichkeiten gibt, Objekte halb durchässig zu machen, als die Verwendung des opacity Tags. Meines Wissens nach gehört es sowieso nicht zum offiziellen CSS Standard und wäre so im NS/Mozilla/Opera ungültig. Gibt es andere Wege?

Ungültig? Im Sinne von "invalide" trifft das zu, ja, opacity ist erst für CSS3 vorgesehen. Daher solltest Du auch grundsätzlich auf teiltransparente PNGs zurückgreifen, und (-moz-)opacity vermeiden. Für den IE, der bekanntlich keine transparenten PNGs darstellt, nutze filter:Alpha() (http://selfhtml.teamone.de/css/eigenschaften/filter.htm#alpha), wenn es denn sein muß. Bzw. nutze sowohl transparente PNGs als auch den Alphafilter, um alle (Nutzer halbwegs aktueller Browser) zufriedenzustellen; der IE läßt sich ja erfreulicherweise recht einfach übertölpeln.

Grüße,
Henry Chinaski

[Mario]

Danke für den Tip, werds gleich ausprobieren!

[Christian Seiler]

Hallo Henry, Hallo Mario,

Für den IE, der bekanntlich keine transparenten PNGs darstellt,

Stimmt nicht ganz: http://msdn.microsoft.com/workshop/author/filter/reference/filters/alphaimageloader.asp

nutze filter:Alpha()

Der ist allerdings auch invalide. Aber ehrlich gesagt: es ist nicht tragisch, invalides CSS zu verwenden, den laut CSS2-Spezifikation müssen die Benutzeragenten alles ignorieren, was sie nicht kennen - von daher kann es - im Gegensatz zu HTML - keine Kompabilitätsprobleme geben. (Bei HTML4 ist es jedem Browser freigestellt, wie er sich bei invalidem HTML zu verhalten hat, ein Browser müßte aber - wenn ich mich richtig erinnere - invalides XHTML nicht anzeigen) Von daher spricht das auch nicht gegen -moz-opacity. Allerdings wäre es u.U. sinnvoll, opacity gleich mit anzugeben, dann hat man dann später, (setze hier x Jahre ein) wenn die CSS3-Unterstützung in den Browsern anfängt, das ganze gleich mit erschlagen - opacity dürfte sich bis CSS3 Standard wird nämlich nicht mehr ändern. (Bei anderen CSS3-Eigenschaften wäre ich vorsichtiger)

Viele Grüße,
Christian

[Momo]

Hallo,

ich würde gern wissen, ob es andere Möglichkeiten gibt, Objekte halb durchässig zu machen, ´

Nein es gibt keine andere Möglichkeit und opacity wird nur vom IE unterstüztt. Ich manchen Fällen, kann man sich mit ein einem "halbtransparenten" GIF behelfen, d.h. man kachelt ein GIF mit einem Grauton und mit transparenten Pixeln