"."/> ".">

Heim  >  Artikel  >  Web-Frontend  >  Welche Möglichkeiten gibt es, CSS zu schreiben, das mit dem IE kompatibel ist?

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

醉折花枝作酒筹
醉折花枝作酒筹Original
2021-06-01 16:45:363424Durchsuche

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]>600536a2154dabda749cc62f31578fba1b771f47d72d900ba74308aee59557f0".

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; 
}

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]-->
<!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]-->

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!

Stellungnahme:
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