Utiliser le CSS3 sur IE avec CSS3 Pie

Publié par Gui dans CSS

Je vous avez déjà présenté Modernizr qui permet d’ajuster l’intégration d’un site selon les capacités du navigateur. Voici aujourd’hui CSS3 Pie (Progressive Internet Explorer), qui par l’intermédiaire d’un fichier attaché (.htc), permet de corriger automatiquement quelques unes des propriétés CSS 3 les plus courantes.

Les propriétés prises en charge actuellement sont :

  • border-radius
  • box-shadow
  • border-image
  • multiple images d’arrière-plan
  • linear-gradient comme image d’arrière-plan

Il suffit donc dans votre feuille de style de procéder de cette façon :

#myElement {
    background: #EEE;
    padding: 2em;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
}

Et pour cibler IE :

#myElement {
    ...
    behavior: url(PIE.htc);
}

Plus d’information ici: http://css3pie.com/documentation/

Laisser une réponse


Post shadow