Welche Möglichkeiten gibt es, CSS zu schreiben, das mit dem IE kompatibel ist?-CSS-Tutorial-php.cn

Welche Möglichkeiten gibt es, CSS zu schreiben, das mit dem IE kompatibel ist?

醉折花枝作酒筹

Freigeben： 2023-01-06 11:16:02

Original

3486 Leute haben es durchsucht

Die mit dem IE kompatiblen CSS-Schreibmethoden sind: 1. Fügen Sie „-“ oder „_“ vor dem Attribut hinzu, und die Schreibmethode ist „_attribute: Attributwert“ 2. CSS-bedingte Kommentare, die Syntax ist „< ;!--[if IE 6]>".

Welche Möglichkeiten gibt es, CSS zu schreiben, das mit dem IE kompatibel ist?

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

1. Hack

Schreiben:

1. Eingebettet in CSS, sehr praktisch beim Schreiben

2. Eingebettet in CSS werden keine weiteren HTTP-Anfragen generiert

1 ist nicht in einem Modul einheitlich, was die Wartung und Änderung später erschwert. 2. Selbst wenn der Browser nicht auf diese Weise funktioniert, wird der Code in ihn geladen, was eine Verschwendung von Ressourcen darstellt. 2. CSS-bedingte Kommentare

Schreibmethode:

.demo {
margin-left:30px; 
_margin-left:20px; 
}

Nach dem Login kopieren

Vorteile:

1. Der Code ist unabhängig, was für die spätere Wartung von Vorteil ist

2 Bei Browsern, bei denen der Code nicht funktioniert, ist dieser Code nur ein gewöhnlicher Kommentar und wird nicht geladen Der Inhalt wird geladen und Ressourcen werden gespart

Nachteile:

1 Eine neue HTTP-Anfrage wird hinzugefügt, was zweifellos den Druck auf ältere Versionen von IE-Browsern erhöht.

Erweiterung:

Bedingter HTML-Tag-Kommentar

<!--[if IE 6 ]>
    <link rel="stylesheet" type="text/css" media="all" href="./ie6.css" />
<![endif]-->

Nach dem Login kopieren

<!DOCTYPE html>   
<!--[if IE 6 ]> <html class="ie6 lte_ie6 lte_ie7 lte_ie8" lang="zh-CN"> <![endif]-->
<!--[if lte IE 6 ]> <html class="lte_ie6 lte_ie7 lte_ie8" lang="zh-CN"> <![endif]-->
<!--[if lte IE 7 ]> <html class="lte_ie7 lte_ie8" lang="zh-CN"> <![endif]-->
<!--[if lte IE 8 ]> <html class="lte_ie8" lang="zh-CN"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="zh-CN"><!--<![endif]-->

Nach dem Login kopieren

Diese Methode kann den Code in ein separates Modul aufteilen, ohne neue HTTP-Anfragen hinzuzufügen. Sie wird derzeit häufiger verwendet.

Empfohlenes Lernen: CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWelche Möglichkeiten gibt es, CSS zu schreiben, das mit dem IE kompatibel ist?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!