Actualités WordPress, CSS & Webdesign, OceanWP & Elementor.

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 - PIeAprè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

Laisser un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Fermer le menu