(modifié le 20 octobre 2013 à 16:34)

Si vous êtes développeur web vous avez sans doute entendu parlé de souci de compatibilité CSS entre les différents navigateurs du marché.

Pour pallier à cela il existe différents types de hacks CSS, pour différents navigateurs. Un hack CSS permet dans une même feuille de style de donner un style pour un navigateur, et un autre pour un second.

Sachez tout de même que :

  • En théorie il faut éviter d'utiliser des hacks dans les CSS
  • Mais qu'en pratique il devient un casse-tête de s'en passer...

Le problème c'est que certains hacks très utiles ont cessés de fonctionner avec IE7.

Ces hacks permettaient de contourner certains bugs de rendu propres au moteur d'Internet Explhorreur Explorer. Certains de ces bugs n'ont pas été corrigés, et pourtant les hacks qui nous permettaient de les contourner ont été éliminés...

Je vous propose une liste de plus de 20 hack CSS pour que vous trouviez votre bonheur :) (y compris pour IE7)

WebDevout propose également une page très intéressante à propose des hacks CSS (en anglais).

Petit résumé des hacks de sélecteurs CSS utiles :

  • IE 6 et inférieurs
Utiliser * html {}
  • IE 7 et inférieurs
Utiliser *+html, * html {}
  • IE 7 seulement
Utiliser *+html {}
  • IE 7 et navigateurs modernes seulement
Utiliser html>body {}
  • Navigateurs modernes seulement (IE 7 non inclus)
Utiliser html>/**/body {}

Accéder aux hacks CSS

Auteur : Mr Xhark

Fondateur du blog et passionné par les nouvelles techno, suivez-moi sur twitter