Transparente Bilder erzeugen

  • Einen interessanten Effekt erreicht man mit der Eigenschaft ,,-moz-opacity:" (Mozilla, Netscape) bzw. "filter:alpha(opacity=)" (Internet Explorer): Damit lässt sich die Transparenz (Opazität) eines Elements einstellen. <div style="position: absolute; top: Opx; left: 50px;"> <img src="bild.gif" width="200" height="150" style="filter:alpha( opacty=75); -moz-opacity: 75;"> </div> In unserem Beispiel wird ein <div>-Bereich mit einem Bild auf der Seite positioniert. Die Transparenz des Bildes wird auf 75 eingestellt, so dass der Hintergrund durchscheint. ,,-moz-opacity:" akzeptiert Werte von 0 bis 1 bzw. von 0 bis 100, „filter:alpha(opaci-ty=)" funktioniert mit Angaben von 0 bis 100.