Wie erreicht man CSS-Styling-Kompatibilität für ältere Internet Explorer-Versionen (7, 8, 9)?

Verbesserung des CSS-Stylings für Internet Explorer 7, 8 und 9

Im Bereich der Webentwicklung ist die Kompatibilität zwischen verschiedenen Browsern von größter Bedeutung. Wenn es um Internet Explorer (IE) geht, erfordern Browser ab den Versionen 7, 8 und 9 besondere Überlegungen, um eine optimale Darstellung zu gewährleisten.

Eine häufige Herausforderung besteht darin, CSS-Stile ausschließlich für diese IE-Browser zu ändern. Betrachten Sie den bereitgestellten CSS-Block:

<code class="css">.actual-form table {
  padding: 5px 0 15px 15px;
  margin: 0 0 30px 0;
  display: block;
  width: 100%;
  background: #f9f9f9;
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
}</code>

Wenn Sie die Eigenschaft „width: 100%“ nur auf IE 7, 8 und 9 anwenden möchten, gibt es eine einfache Lösung. Die Verwendung des folgenden CSS-Codes wird diese Aufgabe erfüllen:

<code class="css">@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .actual-form table {
        width: 100%;
   }
}</code>

Erklärung:

Dieser Code verwendet eine Microsoft-spezifische Medienabfrage. Die IE-spezifische Eigenschaft -ms-high-contrast wird nur von IE 10 oder höher interpretiert. Durch die Angabe beider gültiger Werte (aktiv und keiner) für diese Eigenschaft wendet Internet Explorer die angegebenen Stile unabhängig von den hohen Kontrasteinstellungen des Benutzers an.

Das obige ist der detaillierte Inhalt vonWie erreicht man CSS-Styling-Kompatibilität für ältere Internet Explorer-Versionen (7, 8, 9)?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!