Wie erkennt man eine andere IE-Version? - Bedingte Kommentare

Wie erkenne ich eine andere IE-Version? - Bedingte Kommentare

Oft funktioniert unsere hübsche CSS-Ausrichtung oder unser hübsches CSS-Layout in Firefox-, Opera- oder Chrome-Browsern, aber in Internet Explorer wurde sie in Version 5.5, 6 oder sogar 7 nicht richtig interpretiert. Dies liegt daran, dass der Internet Explorer nicht dem CSS-Standard entsprach und seinen eigenen Microsoft-Standard herausbrachte.

Wir müssen einige Techniken verwenden, die als CSS-Hack oderconditional comments-Methode bezeichnet werden, um angegebenes CSS für die angegebene IE-Version zu implementieren. Auch dasselbe CSS-Layout wird zwischen IE 6 und IE 7 unterschiedlich angezeigt. Dieseconditional commentswerden nur von Microsoft Internet Explorer im HTML-Quellcode interpretiert. Dies ist nur die Funktion "Nur IE" und wird von keinem anderen Nicht-IE-Browser unterstützt. Alle Nicht-IE-Browser behandeln es wie normale Kommentare im HTML-Code.

Beispiel

Mit dem Tag im folgenden Beispiel kann IE 5.5 oder 6 die angegebene CSS-Datei lesen, während IE 7 sie
P.S lt equals to less than ignoriert


Mit dem Tag im folgenden Beispiel kann IE 7 die angegebene CSS-Datei lesen, während IE 6 oder weniger sie ignoriert


Fallstudie


  • Firefox- und Nicht-IE-Browser interpretieren common.css und ignorieren die CSS-Dateien common_ie.css und common_ie7.css.

  • Internet Explorer Version 5.5 oder 6 interpretiert common.css, gefolgt von common_ie.css. Der CSS-Wert in common_ie.css überschreibt common.css.

  • Internet Explorer Version 7 interpretiert common.css, gefolgt von common_ie7.css. Der CSS-Wert in common_ie7.css überschreibt common.css.

Fazit

Die Technik der bedingten Kommentare ist ein Muss, wenn wir die Support-Website einiger Cross-Browser implementieren möchten.

Übrigens, warum folgen Internet Explorer nicht dem CSS-Standard wie andere Browser? Ich denke, dies ist die Art und Weise, wie Microsoft Produkte vermarktet - immer etwas implementieren, das nur Microsoft versteht :). Schauen Sie sich an, wie Internet Explorer 8 aussehen wird. Ist dies ein neues Innovationsprodukt? oder einfach nur ein "Geld" -Produkt von Microsoft.