Que fait le hack CSS `\9` ?

Dévoilement du secret du 9 CSS Hack

Vous vous demandez ce que 9 signifie dans la déclaration de largeur CSS ? Voici la vérité :

Ce personnage mystérieux est un hack CSS spécialement conçu pour les versions 7, 8 et 9 d'Internet Explorer. En substance, cela signifie qu'une seule déclaration CSS se terminant par 9 ; sera appliqué aux navigateurs IE 7, 8 et 9.

Décomposons un exemple :

width: 500px;

Cet extrait se traduit par une largeur de 500 pixels, mais uniquement dans les versions d'Internet Explorer 7, 8 et 9. Les autres navigateurs ignoreront simplement cette déclaration.

Maintenant, considérez ceci CSS :

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

Dans IE 7, 8 et 9, #myElement aura une largeur de 500 pixels. Cependant, dans tous les autres navigateurs, sa largeur sera de 300 pixels.

Ce hack est particulièrement utile pour cibler des propriétés ou des valeurs CSS spécifiques sur différents navigateurs, garantissant ainsi des expériences visuelles cohérentes sur différentes plates-formes.

Remarque : À partir d'aujourd'hui, ce hack fonctionne non seulement dans IE 7, 8 et 9, mais également dans IE 10.

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!