CSS-Deckkraft – Code zur Erzielung von Bildtransluzenz_Erfahrungsaustausch

Vor ein paar Tagen stellte mir ein Freund, der sich mit Webdesign beschäftigt, diese Frage: Wie erreiche ich den Transluzenzeffekt von Bildern mit CSS? Dies kann sowohl im IE als auch in Mozilla unterstützt werden. Im Folgenden werde ich meine Methode mit Ihnen teilen.

Das Bild unten zeigt den durch CSS erzielten Bildtransparenzeffekt

Dieser Effekt funktioniert sowohl auf IE- als auch auf Mozilla-Browsern. Der Code lautet wie folgt

Im IE muss „Deckkraft“ über „Filter“ definiert werden, während in Mozilla „Deckkraft“ direkt analysiert werden kann. Wenn Sie also möchten, dass dieser Effekt in beiden Browsern unterstützt wird, müssen Sie beides kombinieren Einstellungen werden hinzugefügt. Die Einstellung für IE: this.filters.alpha.opacity=50 und die Einstellung für Mozilla: this.style.MozOpacity=0.5 Sie können diese Codezeile direkt verwenden, um das Bild zu definieren Erzielen Sie einen Bildeffekt.

Bild mit Link: