Lösung für die Inkompatibilität von rgba() unter IE8

Der folgende Editor bringt Ihnen einen Artikel, der das Problem der Inkompatibilität mit rgba() unter IE8 perfekt löst. Der Herausgeber findet es ziemlich gut, deshalb werde ich es jetzt mit Ihnen teilen und es allen als Referenz geben. Folgen wir dem Editor, um einen Blick darauf zu werfen

rgba() ist ein neues Attribut von CSS3, daher sind Browser IE8 und niedriger nicht kompatibel. Was soll ich tun? Endlich habe ich die Lösung gefunden.

Lösung

Erklären wir zunächst das folgende RGBA

RGBA:

Die Bedeutung von rgba, r steht für Rot, g steht für Grün, b steht für Blau und a steht für Transparenz.

rgba(0,0,0,.5) Dies stellt Schwarz dar und die Transparenz beträgt 0,5

Um das Transparenzproblem unter IE8 zu lösen, können Sie diesen Satz hinzufügen:

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); /*IE8-Unterstützung*/

Dies Der Satz wurde ursprünglich für den Farbverlauf verwendet, hier gibt es jedoch keinen Farbverlaufseffekt, sodass startColorstr und endColorstr auf dieselbe Farbe festgelegt sind.

Das #7f000000 hier, # 7f steht für Transparenz, 000000 steht für Farbe, das Folgende ist die entsprechende Transparenztabelle:

Das obige ist der detaillierte Inhalt vonLösung für die Inkompatibilität von rgba() unter IE8. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!