Christian Seiler: Leicht transparent

Beitrag lesen

Hallo nochmal, (Du hättest eigentlich das im anderen Thread auch fragen können, aber ich will mal nicht so sein)

Wie kann ich ein Bild leicht transparent (Alpha) darstellen? Um dann zwei Bilder übereinander zulegen.

Mit PNG hast Du unterstützung für Bilder mit Alphakanal, aber die meisten Browser setzen diese nicht um. Wenn Du das Bild insgesamt "faden" willst, dann helfen Dir der Microsoft-Filter Alpha() und die Mozilla-Stylesheet-Erweiterung -moz-opacity. Der Microsoft-Filter wird in SELFHTML erklärt (im Bereich CSS) und die Mozilla-Erweiterung kannst Du entweder per CSS (style="-moz-opacity: 0.5;") oder per JavaScript (dom_objekt.style.mozOpacity = 0.5;) setzen. Die Mozilla-Erweiterung erwartet Werte zwischen 0 (komplett Transparent) und 1 (voll Sichtbar). Das Funktioniert allerdings nur im IE 4+, Mozilla, Netscape 6.1+ sowie Gecko-basierten Browsern.

Grüße,

Christian