Il y a deux mois, dans une astuce vidéo rapide, j'ai montré comment utiliser les traits de soulignement et les astuces pour cibler Internet Explorer 6 et 7 dans vos feuilles de style. Dans le conseil rapide d’aujourd’hui, nous allons encore plus loin en introduisant un nouveau hack qui cible également IE8 et ses versions antérieures. Il convient de noter qu'il ne s'agit pas d'une pratique exemplaire et que les commentaires conditionnels doivent être utilisés à la place 98% du temps. Cela dit, il est toujours important de savoir ce que vous pouvez faire - en plus, c'est amusant, juste?
La solution pour cibler Internet Explorer 8 et les versions antérieures avec un hack consiste à ajouter "\ 9" à la fin de votre style. Par exemple:
corps couleur: rouge; / * tous les navigateurs, bien sûr * / color: green \ 9; / * IE8 et ci-dessous * /
Il est important de noter que ce doit être "\ 9". Malheureusement, vous ne pouvez pas remplacer ceci par quelque chose du type "\ IE", comme je l’ai essayé. Même "\ 8" ne fonctionnera pas; ça doit être "\ 9".
Comme nous l'avons appris dans le conseil rapide de janvier, nous pouvons utiliser le symbole * pour cibler IE7 et les versions antérieures, comme suit:
corps couleur: rouge; / * tous les navigateurs, bien sûr * / color: green \ 9; / * IE8 et ci-dessous * / * couleur: jaune; / * IE7 et ci-dessous * /
Enfin, nous avons le hachage de soulignement, que la plupart des concepteurs connaissent maintenant. Plutôt que le symbole *, nous utilisons le trait de soulignement. Cela ciblera uniquement Internet Explorer 6.
corps couleur: rouge; / * tous les navigateurs, bien sûr * / color: green \ 9; / * IE8 et ci-dessous * / * couleur: jaune; / * IE7 et ci-dessous * / _color: orange; / * IE6 * /
Il est à noter que je ne préconise d'aucune façon l'utilisation de hacks dans vos feuilles de style. Au contraire, vous devriez presque toujours utiliser des commentaires conditionnels. Cependant, cela ne signifie pas qu'il n'est pas utile de savoir ce que vous pouvez techniquement vous permettre de faire, que ce soit pour le débogage ou pour montrer à vos amis.!
La principale préoccupation est que les piratages ne sont pas pérennes, du moins pas vraiment. Par exemple, que se passe-t-il si, avec la publication de Firefox 4, ils ont également reconnu les propriétés précédées du préfixe * hack. Ils ne le feront probablement jamais pour des raisons de compatibilité. Toutefois, s'ils le faisaient, cela pourrait potentiellement ruiner une partie de votre mise en page. En fin de compte, soyez juste sage lorsque vous utilisez des hacks. Si vous avez seulement besoin de changer une ou deux propriétés pour rendre IE6 heureux, je ne vois pas de mal à utiliser le trait de soulignement directement dans votre feuille de style. Le monde ne finira pas. Toutefois, s’il ya une poignée de modifications, veillez à utiliser des commentaires conditionnels.!
Merci d'avoir lu et regardé!