Quelles sont les méthodes d'écriture CSS compatibles avec IE ?-tutoriel CSS-php.cn

Quelles sont les méthodes d'écriture CSS compatibles avec IE ?

醉折花枝作酒筹

Libérer： 2023-01-06 11:16:02

original

3486 Les gens l'ont consulté

Les méthodes d'écriture CSS compatibles avec IE sont : 1. Ajoutez "-" ou "_" devant l'attribut, et la méthode d'écriture est "_attribute : valeur de l'attribut" 2. Commentaires conditionnels CSS, le la syntaxe est "".

Quelles sont les méthodes d'écriture CSS compatibles avec IE ?

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

1. Hack

Écriture :

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

Copier après la connexion

Avantages :

1. Embarqué en CSS, il est très pratique lors de l'écriture

. 2. Intégré dans CSS, plus aucune requête HTTP ne sera générée

Inconvénients :

1 Non unifié dans un seul module, la maintenance et la modification ultérieures seront gênantes

2. Même si cette méthode d'écriture ne fonctionne pas, le navigateur chargera le code et gaspillera des ressources

2. Commentaires conditionnels CSS

méthode d'écriture :

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

Copier après la connexion

Avantages :

1. Le code est indépendant, ce qui est bénéfique pour une maintenance ultérieure

2 Pour les navigateurs où le code ne fonctionne pas, ce code est juste un commentaire ordinaire et ne sera pas chargé lorsqu'ils le chargeront. Chargez son contenu et économisez des ressources

Inconvénients :

1 Une nouvelle requête HTTP est ajoutée, ce qui augmente sans aucun doute la pression sur les anciennes versions des navigateurs IE.

Extension :

Commentaire conditionnel de la balise HTML

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

Copier après la connexion

.ie6 .demo {  
    margin-left: 20px;
      }

Copier après la connexion

Cette méthode peut séparer le code dans un module séparé et n'ajoutera pas de nouvelle requête HTTP. Actuellement utilisé davantage.

Apprentissage recommandé : Tutoriel vidéo CSS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!