So machen Sie Bilder mit CSS transparent

Das Erstellen transparenter Bilder mit CSS ist einfach. (Empfohlenes Lernen: CSS-Tutorial )

Hinweis: Das CSS-OPACITY-Attribut ist Teil des W3C-CSS-Empfehlungsstandards.

Beispiel 1 – Erstellen eines transparenten Bildes

Die CSS3-Eigenschaft, die den Transparenzeffekt definiert, ist Opazität.

Zunächst zeigen wir Ihnen, wie Sie mit CSS ein transparentes Bild erstellen.

Normales Bild:

Gleiches Bild mit Transparenz:

Bitte beachten Sie das folgende CSS:

img
{
opacity:0.4;
filter:alpha(opacity=40); /* 针对 IE8 以及更早的版本 */}

IE9, Firefox, Chrome, Opera und Safari verwenden das opacity-Attribut, um die Transparenz festzulegen. Die Opazitätseigenschaft kann auf Werte von 0,0 bis 1,0 eingestellt werden.

Je kleiner der Wert, desto transparenter ist er. IE8 und früher verwenden den Filter filter:alpha(opacity=x). x kann Werte von 0 bis 100 annehmen. Je kleiner der Wert, desto transparenter ist er.

Das obige ist der detaillierte Inhalt vonSo machen Sie Bilder mit CSS transparent. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!