Utiliser les propriétés CSS3 dans les anciennes versions d'IE

Page 1 / 1

Avec l'arrivée de la nouvelle norme CSS3, de nouveaux problèmes de rétrocompatibilités se posent. CSS3 étant une nouvelle norme, ces nouvelles propriétés sont, bien évidemment, inconnues dans anciens navigateurs. Heureusement, une solution existe pour les anciennes versions d'Internet Explorer. Ceci dit, cette solution ne supporte pas 100% des nouvelles propriétés CSS3. La liste des propriétés compatibles avec cette solution est disponible sur le site officiel de CSS3 PIE.
Cette solution s'appelle "CSS3 PIE".

Pour utiliser cette solution, vous allez devoir ajouter une propriété "behavior" pour chaque classe, id, ... ou vous utilisez des propriétés CSS3. Cette propriété aura comme valeur : l'adresse du fichier htc que vous aurez téléchargé au préalable.

Voici un petit exemple pour vous montrer comment l'utiliser :

CSS

.ma_classe{
  /* On utilise ici la propriété CSS3 "Border radius" qui permet de créer des coins arrondis */
  border-radius:0 0 10px 10px;
  /* On charge le fichier ".htc" pour la classe "ma_classe" */
  behavior: url(/css/PIE-1.0.0/PIE.htc);
  /* Idem avec le préfixe vendeur concernant IE */
  -ms-behavior: url(/css/PIE-1.0.0/PIE.htc);
}

Important : Le chemin est relatif au document (page html) et non au fichier css. Nous vous conseillons donc d'utiliser des url relatives à la racine du site, en les commençant par des "/".