Heim  >  Artikel  >  Web-Frontend  >  Wie behalte ich die Deckkraft in Div-Hintergründen in IE8 bei?

Wie behalte ich die Deckkraft in Div-Hintergründen in IE8 bei?

Patricia Arquette
Patricia ArquetteOriginal
2024-11-08 20:54:02696Durchsuche

How to Maintain Opacity in Div Backgrounds in IE8?

Wie behalte ich die Deckkraft im Div-Hintergrund bei Verwendung von IE 8 bei?

In Internet Explorer 8 kann sich das Anpassen der Deckkraft des Div-Hintergrunds auf die darin enthaltenen Elemente auswirken.

Lösung: Verwenden Sie die Farbe rgba()

Um dieses Problem zu beheben, legen Sie den Hintergrund fest Farbe mit der Funktion rgba():

.myelement {
    background: rgba(200, 54, 54, 0.5);
}

Der vierte Wert in rgba() stellt den Alphakanal dar und steuert die Deckkraft.

IE8-Kompatibilität mit CSS3Pie

Leider rgba() wird in IE8 nicht unterstützt. Um es zu aktivieren, verwenden Sie CSS3Pie:

.myelement {
    background: rgba(200, 54, 54, 0.5);
    -pie-background:  rgba(200, 54, 54, 0.5);
    behavior: url(PIE.htc);
}

Alternative: IE-Filteroption

Alternativ kann die Filtereigenschaft von IE mit dem Schlüsselwort „gradient“ einen ähnlichen Effekt erzielen:

.myelement {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33c8348a, endColorstr=#33c8348a);
}

Während rgba() mit CSS3Pie für sauberere Stylesheets empfohlen wird, bleibt der Filteransatz praktikabel.

Das obige ist der detaillierte Inhalt vonWie behalte ich die Deckkraft in Div-Hintergründen in IE8 bei?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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