Wie man mit der Inkompatibilität von IE8 mit rgba() umgeht

Dieses Mal zeige ich Ihnen, wie Sie mit der Inkompatibilität von IE8 mit rgba() umgehen und welche Vorsichtsmaßnahmen im Umgang mit der Inkompatibilität von IE8 mit rgba() gelten. Hier ist ein praktischer Fall Schauen Sie mal rein.

rgba() ist das neue -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 support */

Dieser Satz wurde ursprünglich für den Farbverlauf verwendet, aber hier gibt es keinen Farbverlaufseffekt, daher sind startColorstr und endColorstr auf dieselbe Farbe eingestellt.

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

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website.

Empfohlene Lektüre:

So verwenden Sie Phonegap, um Kontakte zu finden

Detaillierte Erklärung der Phonegap-Audiowiedergabe

Das obige ist der detaillierte Inhalt vonWie man mit der Inkompatibilität von IE8 mit rgba() umgeht. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!