CSS3 PIE nous réconcilie avec IE


Le CSS3 apporte quelques nouveaux traits de style incroyablement puissants à nos pages web : des bordures aux coins arrondis, des ombres portées, des dégradés…. mais reste toutefois encore incompatibles avec tous les navigateurs, notamment internet explorer. Par une installation simple et rapide la librairie CSS3 Pie vous promet d’en finir avec ces problèmes d’incompatibilité CSS3 liés à Internet Explorer version 6 à 8.

Comment installer CSS3 Pie ?

Commençons par télécharger CSS3 Pie sur le site de l’auteur (Jason Johnston)
Dézippez le fichier téléchargé, le fichier qui nous interesse est pie.htc.

Supposons que vous ayez déjà une page HTML et une feuille de style CSS prête.
Déclarez une nouvelle classe comme suit :

.rounded {
border: 1px solid #999;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

Ajoutez la ligne suivante :

behavior: url(path/to/PIE.htc);

N’oubliez pas de renseigner correctement le chemin vers votre fichier PIE.htc

Voila c’est tout, l’installation est terminé! Si tout s’est bien passé vous devriez voir sur votre navigateur Internet Explorer des coins arrondis sur vos éléments HTML qui portent
la classe CSS « rounded » (aussi bien que sur les autres navigateurs).

Démonstration en ligne

Un aperçu est disponible sur le site de l’auteur

Nicolas Verhoye

Développeur Magento, Freelance

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *