Ausführliche Erklärung zum Umgang mit der Inkompatibilität von IE8 mit rgba()

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 und werfen wir einen Blick darauf.

rgba() ist ein neues Attribut von CSS3, daher sind Browser IE8 und niedriger nicht kompatibel. 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:

[Verwandte Empfehlungen]

1. Kostenloses HTML5-Video-Tutorial

2. Detaillierte Code-Erklärung der Kontaktsuchfunktion von Phonegap

3. Detaillierte Erläuterung des Codes für Phonegap zum Abschließen der Funktionen zum Klonen und Löschen von Kontakten

4. Phonegap wartet auf andere Ereignisse nach dem Deviceready-Ereignis ausgelöst wird

5. Detaillierte Erläuterung eines Beispiels für Seitensprung und Wertübertragung

Das obige ist der detaillierte Inhalt vonAusführliche Erklärung zum Umgang mit der Inkompatibilität von IE8 mit rgba(). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!