Lösung der Kompatibilitätsprobleme von IE5/IE5.5/IE6/FF – CSS_Experience-Austausch

Neu gepostet von Blue Ideal
Voreingenommenheit des Autors
Originaladresse http://www.blueidea.com/tech/site/2006/3296.asp
Ich habe mehrere verschiedene Versionen gefunden, die unabhängig voneinander im IE-Browser ausgeführt werden können , verwenden Sie es einfach, um das Kompatibilitätsproblem der Seite zu testen. Sie werden es nicht wissen, bis Sie es versuchen. Seiten, die in IE6 und FF gut funktionieren, werden in IE5 und IE5.5 ein Chaos sein. Ich habe immer gehört, dass IE5 ein „Nagel“ bei der Erstellung von WEB-Standards ist, und jetzt auch muss es glauben.

Da es ein Problem gibt, suchen wir nach einer Lösung. Nach der Suche im Internet gibt es meiner Meinung nach immer noch viele verwandte Artikel, die „IE-bedingte Kommentare“ sind Verschiedene Versionen von IE-Schreibstilen. Dies erfordert jedoch das Schreiben eines Stils für jede Version, was der Dateioptimierung nicht förderlich ist.

Nachdem ich nach einigen verwandten CSS-HACKs gesucht hatte, kam ich zu dem Schluss, dass IE5/IE5.5/IE6/FF-HACKs zusammen geschrieben werden sollten. Schauen wir uns nun an, wie das geht Implementieren Sie es:
Jeder weiß, dass die Verwendung der !important-Anweisung die Anwendungspriorität bestimmter Stilregeln erhöhen kann, wie im folgenden Beispiel:
----------------- - ----------------

Code kopieren Der Code lautet wie folgt:

E1{  
background-color: red !important;/*提升优先权*/  
background-color: blue;  
}

------------------------------ ---- --------------

Aber es wird ein Problem geben, wenn man so im IE schreibt. Lesen Sie meine „Informationen zur CSS-Stylesheet-Priorität“ und „Info“. CSS Style Sheet“ „Priority Supplement“, wissen Sie, dass die Verwendung der !important-Deklaration in IE6 und FF die Prioritätsstufe erhöhen kann, aber die !important-Deklaration in IE6 ist nicht absolut, sie wird durch nachfolgende Attributdefinitionen derselben ersetzt Name. Das heißt, im obigen Beispiel wendet IE6 den letzten Hintergrundfarbwert an, der „blau“ ist, während in FF der Hintergrundfarbwert „rot“ ist. Auf dieser Grundlage können wir die Stile FF und IE trennen.
OK, die Probleme von FF und IE wurden gelöst, jetzt lösen wir das Problem von IE selbst.
Nachdem ich Dudus „Eine andere Möglichkeit, IE6 zur Unterstützung von IE5 zu umgehen – IE unterstützt auch „>““ gelesen hatte, kam ich auf die Idee, ob es dem IE wirklich möglich ist, es durch die Verwendung von „>“ zu erkennen. Schauen wir uns ein Beispiel an:
--------------------------- ------- --------

E1{  
background-color: red;  
>background-color: blue;

}
------------------- ------- --------

Die in FF erhaltene Hintergrundfarbe ist rot, während die erhaltene Hintergrundfarbe rot ist Im IE ist es blau. Wenn der Browser „>“ erkennen kann, sollte er einen blauen Hintergrund erhalten, sodass bekannt ist, dass „>“ nur vom IE erkannt werden kann wichtig! Jeder wird es später wissen. (Hinweis: Ich habe einige andere Symbole getestet, wie zum Beispiel „~“, „`“, „

-------------------- ------ --------------

Würde das nicht ein paar Bytes sparen? , aber HACK ist kein Standard, es wird sich immer weiter vom Standard entfernen

Das oben Gesagte dient der Lösung der Kompatibilität von IE5/! IE5.5/IE6/FF! Frage – CSS_Experience-Austauschinhalte, bitte beachten Sie die PHP-chinesische Website (www.php.cn) für weitere verwandte Inhalte!