Que fait réellement le « \9 » dans une déclaration de propriété CSS « largeur » ?

CSS Hack Exposed : Démystifier la signification de la déclaration de propriété de 9 pouces de largeur

Dans le domaine du CSS, le suffixe 9 peut faire sourciller. Voici un aperçu plus approfondi de son objectif et de ses implications dans le développement Web.

Comprendre 9 : Un piratage CSS spécifique au navigateur

En un coup d'œil, 9 semble être un ajout particulier à une déclaration de propriété CSS width, tel que :

width: 500px\9;

Dévoilant sa vraie nature, 9 est en fait un obscur "CSS hack" exclusif aux versions 7, 8 et 9 d'Internet Explorer. Cela signifie que la présence de 9 restreint l'application de cette règle CSS spécifique uniquement à ces anciens navigateurs IE.

Décomposer le Déclaration CSS

Dans l'exemple ci-dessus, "width: 500px9;" implique qu'une largeur de 500 pixels ne prendra effet que lorsque la page sera affichée dans IE 7, 8 ou 9. Tous les autres navigateurs modernes, y compris les futures versions d'IE, ignoreront simplement cette ligne, laissant la largeur de l'élément inchangée.

Applications pratiques

Ce hack CSS peut être utile dans les scénarios où vous devez appliquer différents styles à un élément dans IE par rapport aux autres navigateurs. Par exemple, vous pourriez avoir :

#myElement {
    width: 300px;
    width: 500px\9;
}

En conséquence, "#myElement" aurait une largeur de 500 pixels dans IE 7-9, alors que dans d'autres navigateurs, il aurait une largeur de 300 pixels.

Exceptions notables

Il convient de noter que les navigateurs ont considérablement évolué depuis 2011, date à laquelle la réponse originale à cette question a été fournie. Alors que 9 était principalement associé à IE 7-9, il a également été observé qu'il fonctionnait dans IE 10. Cependant, ce hack est généralement considéré comme obsolète et doit être évité dans les pratiques de développement Web modernes.

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!