L’intégration CSS d’un site pour IE8 et – peut parfois devenir un vrai cauchemar. Il est donc utile de faire appel à des outils nous aidant dans cette tâche, et nous verrons ici une sympathique bibliothèque javascript répondant au nom de IE7.js. En fait, elle est livrée en 3 fichiers, un pour chaque version du navigateur (7, 8 et 9). Chaque fichier met à jour le DOM et le CSS pour qu’il soit le plus possible compatible avec le IE correspondant. Une page est disponible ici décrivant toutes les corrections apportées par le script. On pourra donc écrire opacity:0.5; sans avoir à créer une feuille de style supplémentaire pour  mettre le filtre css microsoft impossible à retenir. Bref plusieurs sélecteurs et propriétés seront maintenant supportés quelque soit la version du navigateur. Il gère même la transparence des images png pour IE6!

Voici l’exemple d’une page avant/après l’ajout du script :
Avant
Après

Le css:

.square {

position: relative;width: 80px;height: 80px;background-color: #9FF;top : 40px;right: 20px;
opacity: 0.5;
}

p:first-child { font-weight: bold; max-width: 400px; }

p:before{ content : ‘«’; }

p:after{ content : ‘»’; }

input[type='submit']{ width: 200px;}

header, section + section { color : #FFF; background: blue; padding : 20px; }

La bibliothèque est disponible en téléchargement sur Google Code:
http://code.google.com/p/ie7-js/