Inhaltsverzeichnis
Sie verwenden den IE-Browser
Version 7
Heim Web-Frontend CSS-Tutorial Erläuterung proprietärer bedingter Kommentare im IE-Browser unter HTML_Experience-Austausch

Erläuterung proprietärer bedingter Kommentare im IE-Browser unter HTML_Experience-Austausch

May 16, 2016 pm 12:08 PM

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.

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Arbeiten mit GraphQL Caching Arbeiten mit GraphQL Caching Mar 19, 2025 am 09:36 AM

Wenn Sie kürzlich mit GraphQL gearbeitet oder seine Vor- und Nachteile überprüft haben, haben Sie zweifellos Dinge wie "GraphQL nicht unterstützen Caching" oder gehört

Aufbau einer Ethereum -App mit Redwood.js und Fauna Aufbau einer Ethereum -App mit Redwood.js und Fauna Mar 28, 2025 am 09:18 AM

Mit dem jüngsten Aufstieg von Bitcoins Preis über 20.000 USD und kürzlich von 30.000, dachte ich, es lohnt

Vue 3 Vue 3 Apr 02, 2025 pm 06:32 PM

Es ist aus! Herzlichen Glückwunsch an das Vue -Team, dass es eine massive Anstrengung war und lange kommt. Alle neuen Dokumente auch.

Können Sie gültige CSS -Eigenschaftswerte aus dem Browser erhalten? Können Sie gültige CSS -Eigenschaftswerte aus dem Browser erhalten? Apr 02, 2025 pm 06:17 PM

Ich ließ jemanden mit dieser sehr legitimen Frage einschreiben. Lea hat gerade darüber gebloggt, wie Sie gültige CSS -Eigenschaften selbst aus dem Browser erhalten können. Das ist so.

Ein bisschen auf CI/CD Ein bisschen auf CI/CD Apr 02, 2025 pm 06:21 PM

Ich sage "Website" passt besser als "Mobile App", aber ich mag dieses Rahmen von Max Lynch:

Verwenden von Markdown und Lokalisierung im WordPress -Block -Editor Verwenden von Markdown und Lokalisierung im WordPress -Block -Editor Apr 02, 2025 am 04:27 AM

Wenn wir dem Benutzer direkt im WordPress -Editor Dokumentation anzeigen müssen, wie können Sie dies am besten tun?

Vergleich von Browsern für reaktionsschnelles Design Vergleich von Browsern für reaktionsschnelles Design Apr 02, 2025 pm 06:25 PM

Es gibt eine Reihe dieser Desktop -Apps, in denen das Ziel Ihre Website gleichzeitig in verschiedenen Dimensionen angezeigt wird. So können Sie zum Beispiel schreiben

Gestapelte Karten mit klebriger Positionierung und einem Schuss Sass Gestapelte Karten mit klebriger Positionierung und einem Schuss Sass Apr 03, 2025 am 10:30 AM

Neulich habe ich dieses besonders schöne Stück von der Website von Corey Ginnivan entdeckt, auf der eine Sammlung von Karten aufeinander stapelt.

See all articles