• Home
• »»
• CSS-Tutorial
• »»
• Teilweise Transparenz

Manchmal möchte man ein Element über ein Hintergrundbild legen, dieses aber durchscheinen lassen.
Mit CSS hat man nun die Möglichkeit, diesem Element eine gewisse Transparenz zu geben.

Im linken Bild wurde der Mozilla-Filter und im rechten Bild der IExplorer-Filter verwendet.

<img style="-moz-opacity:0.4;"
 src="bild.jpg" width="152" height="172" border="0" alt="Testbild">

<img style="filter:alpha(opacity=40);"
 src="bild.jpg" width="152" height="172" border="0" alt="Testbild">

Mit "filter:alpha(opacity=40)" wird die Transparenz im IExplorer eingestellt, und "-moz-opacity:0.4" ist für die Darstellung der Transparenz in Mozilla und Netscape der neueren Generation zuständig. Die Größe der Zahl bestimmt jeweils für den Wert der Transparenz.
Achtung! Der Bindestrich bei "-moz" gehört mit dazu!
Damit ist auch schon gesagt, daß diese Sache im Opera 6 nicht funktioniert.