<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<Kopf>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS-Hack, der IE6, IE7, IE8 und FireFox unterscheidet</title>
<style type="text/css">
<!--
#test,#notiz{
Rand:0 automatisch;
text-align:center;
}
.note{ text-align:left; text-indent:40px;}
#prüfen {
Breite:200px;
Höhe:30px;
Rand: 1 Pixel durchgehend #000000;
Farbe:#fff;
Zeilenhöhe:30px;
}
.Farbe{
Hintergrundfarbe: #CC00FF; /*Alle Browser werden lila angezeigt*/
Hintergrundfarbe: #FF00009; /*IE6, IE7 und IE8 werden rot angezeigt*/
*Hintergrundfarbe: #0066FF; /*IE6 und IE7 werden blau*/
_background-color: #009933; /*IE6 wird grün*/
}
->
</style>
</head>
<body>
<div id="test" class="color">Testblock zss</div>
<div id="note">
<strong style="color:#009933">IE6 wird grün</strong>
<strong style="color:#0066FF">IE7 wird blau</strong>
<strong style="color:#FF0000">IE8 endet in Rot</strong>
<strong style="color:#CC00FF">FireFox wird endlich lila</strong>
<div class="note">
Heute habe ich in hiccblogs einen Artikel über die IE8-Kompatibilität gesehen. Leider ist er nur mit dem IE kompatibel und basiert auf dem Kern von IE7, der große Einschränkungen aufweist. Ich denke, dass ich mich mit der CSS-Kompatibilität relativ gut auskenne. Lassen Sie uns die Kompatibilität von IE8 untersuchen.
</div>
<div class="note">CSS-Kompatibilität bereitete schon immer allen Kopfzerbrechen. In früheren Artikeln wurde viel Wissen in diesem Bereich vorgestellt. Seit der Veröffentlichung der offiziellen Version von IE8 habe ich versucht, sie von der offiziellen Version von IE8 zu unterscheiden. Die Suche auf Baidu lieferte viele Ergebnisse, und die Suche auf Google lieferte noch mehr Ergebnisse. In Bezug auf Hacks gibt es einen großen Unterschied zwischen der offiziellen Version und der Beta-Version von IE8. Darüber hinaus werden fast alle Methoden im Internet nachgedruckt. Am häufigsten erscheint das Hack-Bild von linxz.cn. Leider ist die Methode in diesem Bild für die offizielle Version von IE8 ungültig.
Nach der Analyse und Zusammenfassung haben wir die folgenden effektiven Lösungen. Vielleicht wird es in Zukunft bessere und einfachere Hacks geben, aber im Moment kann diese Methode den dringenden Bedarf lösen.<br />
</div>
<div class="note">
<ul>
<li style="list-style:none;"><strong style="color:#009933">Einfaches Beispiel:</strong></li>
<li>"9" Beispiel: "margin:0px auto9;".</li>
<li>Das „9“ hier kann zwischen allen IE und Firefox unterscheiden.</li>
<li>"*" IE6 und IE7 können es erkennen, Firefox jedoch nicht.</li>
<li>„_“ IE6 kann „_“ erkennen, IE7, IE8 und Firefox jedoch nicht</li>
</ul>
</div>
</div>
</body>
</html>