Wie kann ich den Hintergrund eines Divs transparent machen und gleichzeitig den Text in allen Browsern undurchsichtig halten?

Deckkrafteffekte auf die Hintergrundfarbe, ohne den Text zu beeinträchtigen

Um Transparenz im Hintergrund eines Divs zu erreichen und gleichzeitig undurchsichtigen Text beizubehalten, ist eine browserübergreifende Lösung erforderlich adressiert Internet Explorer 6.

Um dies ohne externes zu erreichen Bibliotheken:

• Rgba verwenden: RGBa-Werte ermöglichen die Angabe von Transparenz (Opazität) zusätzlich zu Farbwerten.

.alpha60 {
    background-color: rgba(0, 0, 0, 0.6);
}

• IE-Verhalten entgegenwirken: Internet Explorer benötigt zusätzliche Filter, um RGBa zu unterstützen Transparenz.

.alpha60 {
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

• Vererbung des IE-Hintergrunds: Um zu verhindern, dass die Deckkraft von untergeordneten Elementen im IE geerbt wird, deklarieren Sie den Hintergrund als transparent. Dies geschieht am besten mit bedingten Kommentaren.

Das obige ist der detaillierte Inhalt vonWie kann ich den Hintergrund eines Divs transparent machen und gleichzeitig den Text in allen Browsern undurchsichtig halten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!