Heim > Web-Frontend > H5-Tutorial > Hauptteil

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

巴扎黑
Freigeben: 2017-08-08 16:36:49
Original
1593 Leute haben es durchsucht

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage