So zielen Sie mit CSS auf IE7 und IE8 ab: Eine umfassende Anleitung-CSS-Tutorial-php.cn

So zielen Sie mit CSS auf IE7 und IE8 ab: Eine umfassende Anleitung

Linda Hamilton

Freigeben： 2024-10-29 07:25:02

Original

880 Leute haben es durchsucht

How to Target IE7 and IE8 with CSS: A Comprehensive Guide

Zielgerichtet auf IE7 und IE8 mit CSS: Ein umfassender Leitfaden

Um ein gezieltes Styling für IE7 und IE8 zu erreichen, ohne die W3C-Konformität zu beeinträchtigen, ist die Verwendung expliziter browserspezifischer Klassen eine effektive Lösung Verfahren. Dadurch entfällt die Notwendigkeit unzuverlässiger CSS-Hacks.

Ansatz 1: Browserspezifische HTML-Klassen

HTML-Klassen zum hinzufügen. Element basierend auf dem Browser:

<code class="html"><!doctype html>
<!--[if lt IE 7 ]> <html lang="en" class="ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="ie8"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]--></code>

Nach dem Login kopieren

Damit können Sie bestimmte Browser in Ihrem CSS ansprechen:

<code class="css">.ie6 body { 
    border:1px solid red;
}
.ie7 body { 
    border:1px solid blue;
}</code>

Nach dem Login kopieren

Ansatz 2: CSS-Hacks

Alternativ können Sie Verwenden Sie CSS-Hacks, um auf IE-Versionen abzuzielen:

„9“ zielt auf IE8 und niedriger ab
„*“ zielt auf IE7 und niedriger ab
„_“ zielt auf IE6 ab

Beispiel:

<code class="css">body { 
border:1px solid red; /* standard */
border:1px solid blue; /* IE8 and below */
*border:1px solid orange; /* IE7 and below */
_border:1px solid blue; /* IE6 */
}</code>

Nach dem Login kopieren

Targeting auf IE10

IE10 erkennt keine bedingten Anweisungen. Um es gezielt anzusprechen, verwenden Sie dieses Skript:

<code class="html"><!doctype html>
<html lang="en">
<!--[if !IE]><!--><script>if (/*@cc_on!@*/false) {document.documentElement.className+=' ie10';}</script><![if lt IE 9]><![endif]-->
<head></head>
<body></body>
</html></code>

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonSo zielen Sie mit CSS auf IE7 und IE8 ab: Eine umfassende Anleitung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!