Teilen Sie mit, wie Sie mit durchscheinenden Stilen in CSS umgehen

In Projekten stoßen wir häufig auf Situationen, in denen wir Transparenz festlegen müssen, z. B. bei Bildern, Texten, Containern, Hintergründen usw. Jedes Mal, wenn wir sie verwenden, vergessen wir, wie das geht. Jetzt habe ich Zeit, eine Zusammenfassung zu erstellen Für meine eigene Bequemlichkeit und auch zum Teilen mit anderen. Wenn Sie etwas brauchen, können Sie vorbeikommen und einen Blick darauf werfen.

1. Der Elementcontainer ist transparent

rrree

Anweisungen:

1. Deckkraft:* nimmt einen Wert zwischen 0-1 an, von vollständig transparent Zunehmend ist der Standardwert undurchsichtig, nachdem er 1 überschritten hat. filter:alpha(opacity= *) nimmt einen Wert zwischen 0 und 100 an, wie oben Mit diesem Attribut werden alle untergeordneten Elemente im Elementcontainer vererbt, das heißt, alle sind durchscheinend.

2. Elementhintergrund ist transparent

rrree

Anweisungen: 1. m ist der RGB-Farbwert und n ist die Transparenz, der Wert liegt zwischen 1 und 100, derselbe wie der erste oben; Transparenz und die letzten 6 Ziffern sind sechzehn Farbwerte. Beispielsweise stellt 7f eine Transparenz von 0,5 dar und 000000 ist schwarz (kann nicht als 000 abgekürzt werden); ist ein transparenter Farbverlauf. Nachfolgend finden Sie einen Satz der ersten beiden Transparenzdaten, die einem Wert im RGB-Transparenzwert entsprechen:

0,1 - 19 |. 4c |. 0,5 - 7f | Browser ab IE7 unterstützen direkt durchscheinende Bilder. Es gibt viele Methoden, und Experten haben fast 7 oder 8 Methoden zusammengefasst:

Laden Sie zuerst png.js online herunter.

2. Laden Sie unten auf Ihrer Seite diesen Absatz zwischen dem Body-End-Tag und dem HTML-End-Tag:

 .div{
opacity: 0.5;   /* Firefox、Chorme、Opera等主流浏览器识别 */
filter:alpha(opacity=50);   /* IE6及以上IE浏览器识别 */
 }

3. Stellen Sie dann sicher, dass der Pfad nicht falsch geschrieben ist. Zum Schluss fügen Sie einfach den Bildelementnamen oder den Klassen- und ID-Namen hinzu, der transparent sein muss, in DD_belatedPNG.fix("").

Das obige ist der detaillierte Inhalt vonTeilen Sie mit, wie Sie mit durchscheinenden Stilen in CSS umgehen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!