Probleme und Lösungen bei der Verwendung von rgba() in CSS

Ich bin heute auf ein Problem gestoßen, als ich ein durchscheinendes weißes Div auf einer Seite festlegen musste. Dies scheint kein Problem zu sein. Sie müssen nur die folgenden Attribute für dieses Div festlegen:

background: rgba(255,255,255,.1);

Aber es muss mit ie8 kompatibel sein. Das ist etwas schmerzhaft. Weil ie8 die Funktion rgba() nicht unterstützt. Nachfolgend fassen wir die Bedeutung der Funktion rgba() zusammen.

Die Bedeutung von rgba, r steht für Rot, g steht für Grün, b steht für Blau, Rot, Grün und Blau sind die drei Primärfarben. Aus diesen drei Farben sind alle Farben kombinierbar. a steht für Transparenz. Beispielsweise ist RGBA (255, 255, 255, 0,1) weiß mit einer Transparenz von 0,1. RGB wird in modernen Browsern unterstützt. RGBA wird jedoch in alten Browsern wie IE8 nicht unterstützt. IE8 kann die Funktion rgb() nur knapp unterstützen (d. h. Transparenz wird entfernt und kann nur Farbe darstellen).

Das Einstellen der Transluzenz in IE8 erfordert also etwas Gehirnleistung. Ich habe von einem Meister erfahren, dass der Filter des IE zur Lösung dieses Problems verwendet werden kann. Der CSS-Code lautet wie folgt:

background: rgba(255,255,255,.1);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);

Der zweite Satz bedeutet, dass die Transparenz der vorherigen Zeile funktioniert keine Zeit zur Ausführung. Die Bedeutung dieses Satzes wurde ursprünglich zur Erstellung von Farbverläufen verwendet. Hier ist jedoch kein Gefälle erforderlich. Daher sind beide Farben auf die gleiche Farbe eingestellt.

Bitte beachten Sie, dass diese Farbe „#19ffffff“ aus zwei Teilen besteht.

Der erste Teil ist 19 nach dem #. Ist der IEfilter-Wert der RGBA-Transparenz 0,1? Jede Zahl von 0,1 bis 0,9 entspricht einem IEfilter-Wert. Die Korrespondenz lautet wie folgt:

Der zweite Teil sind die sechs Ziffern nach 19. Dies ist ein hexadezimaler Farbwert. Es muss mit dem Wert in der RGB-Funktion identisch sein. Beispielsweise entspricht rgb(255,255,255) #ffffff; beide sind weiß.

Zu diesem Zeitpunkt ist die Verwendung von RGBA mit IE8 kompatibel.

Das obige ist der detaillierte Inhalt vonProbleme und Lösungen bei der Verwendung von rgba() in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!