CSS Transparenz im Firefox, Safari, Opera & Internet Explorer
CSS Layout & Stile
Um Objekte, Grafiken oder Texte transparent darzustellen gibt es folgende möglichkeiten:
Diese Variante gilt für den Mozilla Firefox:
Beispiel: .your-class {-moz-opacity: 0.9} (0.0 bis 1.0)
Diese Variante gilt für den Internet Explorer:
Beispiel: .your-class {filter: alpha(opacity=90)} (0 bis 100)
Diese Variante gilt für den Safari und Opera:
Beispiel: .your-class {opacity: 0.9} (0.0 bis 1.0)
Diese Optionen bietet euch ein rundum Paket für fast alle möglichen Webbrowser transparezen einzusetzen.
TIPP: Zum Beispiel kann man verlinkte Bilder / Grafiken anfangs auf 50% und beim Mouseover auf 100% Durchsichtigkeit setzen. Dies ergibt einen schönen Effekt.
Ähnliche Artikel
Artikel bookmarken
Geschrieben von Martin Jost am 24 Jan, 2009 |
