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

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!