Heim > Artikel > Web-Frontend > So zielen Sie mit CSS auf IE7 und IE8 ab: Eine umfassende Anleitung
So zielen Sie mit CSS auf IE7 und IE8 ab: Eine umfassende Anleitung
- Linda HamiltonOriginal
- 2024-10-29 07:25:02866Durchsuche
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>
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>
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>
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>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!