Chez momo-fr

Les CSS3 et Explorer : l’amour vache !

Les CSS3 et Explorer de Microsoft

Dans la vie d’un développeur web Explorer reste un navigateur à part, Microsoft a enfin pris le bon pli CSS avec sa dernière version 9 qui supporte en très grande partie les spécifications de la version 3 des feuilles de styles.

Pratique à utiliser la fonction border-radius (CSS 3) arrondie les angles des éléments HTML, avec la possibilité de valeurs différentes sur les 4 angles. Avec les versions Explorer précédent la 9 impossible de voir les fameux coins arrondis, rien, nada. Je suis donc parti à la recherche du graal des CSS, un joli hack CSS qui ferait le job sans sourciller… et je n’ai pas trouvé d’emblée une solution viable, certains sites dressent la liste des options disponibles sur la toile.

CSS3 - PIe

Après moults essais j’ai enfin trouvé une solution élégante et simple à mettre en œuvre, même si elle impose la saisie d’une entrée behavior en plus de la description de la fonction standard. cette solution n’impose pas des appels dans le <head> de la page, elle reste légère en Ko (environ 42 Ko) et fait le travail sur différentes configurations d’éléments HTML (en placement, en attribut de fond, de transparence, de display…) ce que ne propose pas les autres solutions. Mieux, elle ajoute plusieurs attributs disponibles avec les CSS3 :

  • Coins arrondis
  • Ombres portées des boîtes
  • Image de bordure
  • Plusieurs images d’arrière-plan
  • Dégradé linéaire sous forme d’image de fond
  • Pie-watch-ancestors
  • Transparence alpha PNG et -pie-png-fix
  • Initialisation retardée (-pie-lazy-init)
  • Choix de la taille et de la position d’élément (-pie-poll)

Avec quelques restrictions contextuelles… mais c’est anecdotique. le site Alsacréations en fait une présentation claire et concise, je vous invite à le consulter.

Source : Alsacréations

Vous aimerez aussi

Laisser un commentaire

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

Plus de résultats...

Generic selectors
Corespondance exacte
Rechercher dans le titre
Rechercher dans le contenu
Post Type Selectors

Autres catégories du Blog

Partager cette publication