Hacks CSS et commentaires conditionnels
Le 11 octobre 2008 par BenoitAux vues des différences d’interprétation du CSS par les différents navigateurs et leurs différentes versions, il vous sera certainement utile de pouvoir appliquer des attributs personnalisés. Pour ceci, il vous est possible d’utiliser des « CSS Hacks » dans votre feuille de style.
- IE 6 et précédents
* html {} - IE 7 et précédents
*:first-child+html {} * html {} - IE 7 seulement
*:first-child+html {} - IE 7 et navigateurs modernes seulement
html>body {} - Navigateurs modernes seulement (pas IE 7)
html>/**/body {} - Opera versions 9 et précédents
html:first-child {}
Pour aller plus loin :
Si votre feuille de style contient beaucoup de de hacks propres à IE, alors il vous est possible d’utiliser plutôt un fichier css consacré totalement à ce navigateur. Ce nouveau fichier combiné à la technique de commentaire conditionnel (dans la balise <head>) sera uniquement interprété par les navigateurs internet explorer.
<!–[if IE]>
<link rel=« stylesheet » href=« path/ie_style.css » type=« text/css » media=« screen » />
<![endif]–>
Pour aller plus loin :
Derniers Commentaires