Le graal du web Designer pourrait bien être ce simple code javascript : ie-7.js. Un script qui parvient avec brio à rapprocher les spécifications des vieillissants navigateurs toujours en service avec des normes CSS plus récentes.
Ce code ne se limite pas à la version d’internet explorer 7.0 comme son nom le laisse entendre, mais il supporte jusqu’à la version 8.0 dudit navigateur et apporte un rendu proche de ce que devrait être ie9 lors de sa sortie.
Voici un aperçu des propriétés désormais supportées, grâce à ce script :
- :first-child, :last-child, only-child, nth-child, nth-last-child
- :first-of-type, :last-of-type, :only-of-type, :nth-of-type(), :nth-last-of-type()
- parent > child, adjacent + sibling, adjacent ~ sibling
- [attr], [attr="value"], [attr~="value"] etc
- ajoute la possibilité de définir la pseudo-class :hover, :active, :focus sur n’importe quel élément
- :checked, :disabled, :enabled
- :empty, :not()
- :before/:after/content:
- :lang()
- supports des feuilles de style importées
- overflow:visible
- support des balises (X)HTML : abbr et object
Le code prévoit également le support (presque) complet des PNG transparents, même intégrés en background dans une feuille de style. Il corrige même les éventuels problèmes de liens dans ces éléments. Seule le background-repeat n’est pas supporté, mais quelle avancée !
Je l’ai mis en production dans l’un de mes derniers sites et c’est plutôt très convainquant. Ce script m’a réellement fait gagner plusieures heures de travail !
Ce n’est pas tout :
- Ajout du support du background-position: fixed;
- Ajout du support des min/max-height, min/max-width;
- Corrections des bugs suivant avec l’ajout d’un second script (ie7-squish.js) :
- Double margin float bug
- Unscrollable content bug
- Peekaboo bug
- .multiple.classes (fixes bug)
Le saint Graal je vous dit… Un grand merci à Dean Edwards.
Commentaires