Was tun, wenn das IE-CSS-Hintergrundbild nicht angezeigt wird?

ie Das CSS-Hintergrundbild wird nicht angezeigt, da die CSS-Einstellung „Hintergrundbild“ CSS-Attribute verwendet, die vom IE-Browser nicht unterstützt werden. Die Lösung besteht darin, abgekürzte Attribute zu verwenden, anstatt einzelne Attribute separat zu verwenden, da abgekürzte Attribute in älteren Browsern nicht unterstützt werden . wird besser unterstützt und erfordert weniger Buchstaben zum Eingeben.

Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, Dell G3-Computer.

Manchmal wird das per CSS festgelegte Hintergrundbild nach dem Schreiben der Webseite oft nicht im IE-Browser angezeigt. Warum wird das per CSS festgelegte Hintergrundbild nicht im IE-Browser angezeigt?

Werfen wir einen Blick auf den Grund, warum das per CSS im IE-Browser festgelegte Hintergrundbild nicht angezeigt wird:

Der Grund, warum die CSS-Einstellung im IE-Browser nicht angezeigt wird, liegt darin, dass das beim Festlegen des Hintergrundbilds verwendete CSS-Attribut nicht unterstützt wird per IE-Browser.

Wenn wir das Hintergrundbild festlegen, verwenden wir das rgba-Attribut, um die Farbe und Transparenz des Hintergrundbilds festzulegen.

Zum Beispiel:

background: url(../images/in_bon_02.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);

Zu diesem Zeitpunkt wird das Hintergrundbild möglicherweise nicht im IE-Browser angezeigt.

rgba-Einführung:

rgba-Farbmodus ist derselbe wie RGB, außer dass Alpha-Transparenz zum RGB-Modus hinzugefügt wird

Beschreibung:

RGBA(R,G,B,A)

Wert:

R: Rotwert. Positive ganze Zahl |. Prozent G: grüner Wert. Positive ganze Zahl |. Prozent B: blauer Wert. Positive ganze Zahl |. Prozent A: Alpha-Transparenz, Wert zwischen 0 und 1.

IE6.0-8.0 unterstützt die Verwendung des RGBA-Modus zur Erzielung von Transparenz nicht. Sie können die IE-Filterverarbeitung verwenden.

Es wird generell empfohlen, abgekürzte Attribute zu verwenden, anstatt einzelne Attribute einzeln zu verwenden, da abgekürzte Attribute in älteren Browsern besser unterstützt werden und weniger Buchstaben eingegeben werden müssen.

【Empfohlenes Lernen: CSS-Video-Tutorial】

Das obige ist der detaillierte Inhalt vonWas tun, wenn das IE-CSS-Hintergrundbild nicht angezeigt wird?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!