Beim Erlernen und Anwenden von WEB-Standard-Webseiten ist die Kompatibilität von Webseiten mit Browsern häufig ein Problem. Unter ihnen nimmt der Internet Explorer (kurz IE) von Microsoft neben Firefox, Opera usw. den größten Teil des Browsermarktes ein. Kompatibilität mit diesen Browsern ist erforderlich.
Gleichzeitig verwenden die aktuellen Browser im IE aufgrund der Aktualisierung und Ersetzung der IE-Versionen hauptsächlich IE5 (IE5.5), IE6 und IE7. Diese drei Versionen haben eine unterschiedliche Interpretation und Ausführung der von uns erstellten WEB-Standard-Webseiten (XHTML+CSS). Darüber hinaus interpretieren andere Nicht-IE-Browser bestimmte CSS anders als der IE. Daher können relevante Attribute durch proprietäre bedingte Kommentare im IE-Browser gezielt definiert werden.
Ursprüngliche Adresse: http://www.quirksmode.org/css/condcom.html
Bedingte Kommentare können nur in Explorer 5+ Windows (im Folgenden als IE bezeichnet) verwendet werden (bedingte Kommentare werden ab IE5 unterstützt). ). Wenn Sie mehrere IEs installiert haben, basieren bedingte Kommentare auf der höchsten Version des IE (derzeit IE 7).
Bedingte Kommentare können nur unter Windows Internet Explorer (im Folgenden als IE bezeichnet) verwendet werden, sodass wir durch bedingte Kommentare spezielle Anweisungen für IE hinzufügen können.
Für Laien sind bedingte Kommentare einige if-Urteile, aber diese Urteile werden nicht im Skript, sondern direkt im HTML-Code ausgeführt, zum Beispiel:
1, die Grundstruktur von bedingten Kommentaren ist die gleiche wie bei HTML-Kommentaren (). Daher werden sie von anderen Browsern als dem IE als gewöhnliche Kommentare behandelt und vollständig ignoriert.
2. IE verwendet die if-Bedingung, um zu bestimmen, ob der Inhalt im bedingten Kommentar wie normaler Seiteninhalt analysiert werden soll.
3. Bedingte Kommentare verwenden die HTML-Kommentarstruktur, sodass sie nur in HTML-Dateien, nicht in CSS-Dateien verwendet werden können.
Sie können den folgenden Code verwenden, um die aktuelle IE-Browserversion zu erkennen (Hinweis: Der Effekt ist in Nicht-IE-Browsern nicht sichtbar)
Was soll ich tun, wenn der aktuelle Browser IE ist, die Version jedoch niedriger als IE5 ist? Ja Verwenden Sie
Dies unterscheidet die Ausführung von CSS durch IE7- und IE6-abwärts gerichtete Browser, um Kompatibilität zu erreichen. Gleichzeitig ist die Standard-css.css in der ersten Zeile auch mit anderen Nicht-IE-Browsern kompatibel.
Hinweis: Der Standard-CSS-Stil sollte sich in der ersten Zeile des HTML-Dokuments befinden, und alle Inhalte für die bedingte Kommentarbeurteilung müssen nach dem Standardstil platziert werden.
Wenn der folgende Code beispielsweise im IE-Browser ausgeführt wird, wird er in Rot angezeigt, in einem Nicht-IE-Browser jedoch in Schwarz. Wenn das bedingte Kommentarurteil in der ersten Zeile steht, kann es nicht implementiert werden. Diese Beispielfrage ist sehr nützlich, um zu erklären, wie das Kompatibilitätsproblem von Webseiten zwischen IE-Browsern und Nicht-IE-Browsern gelöst werden kann.
body{
background-color: #000;
Gleichzeitig , jemand wird versuchen, zu verwenden, um die Situation unter Nicht-IE-Browsern zu definieren, aber beachten Sie: Bedingte Kommentare können nur unter IE-Browsern ausgeführt werden. Dieser Code führt die Definition nicht unter der Bedingung unter Nicht-IE-Browsern aus, sondern behandelt es als Kommentar. Normal ist der Standardstil. Für IE-Browser, die eine spezielle Verarbeitung erfordern, werden bedingte Kommentare verwendet.