iepngfix — Ce composant HTC gère la plupart des contraintes liées à l’absence de prise en charge de la transparence 24 bits par Internet Explorer 6. Un des rares scripts à prendre en charge les propriétés background-repeat
et background-position
. Voir le tutoriel sur la transparence des PNG 24 bits sur IE6 pour plus d’information.
Archives des tags : Transparent
IE6 — Gérer la transparence du format PNG 24 bits
Le format PNG autorise jusqu’à 256 niveaux de transparence qui ne sont pas pris en charge par Internet Explorer 6. La dégradation grâcieuse n’étant pas toujours possible, je me suis rafraichis la mémoire sur les différentes manières d’utiliser le filtre *AlphaImageLoader*. J’ai fini par tomber sur une solution globale pour gérer cette transparence même en présence d’un *background-repeat* ou d’un *background-position* ! (Cet article est en quelque sorte la suite de Opacité CSS et effet de trame avec GIF/PNG transparent.) →
7 liens utiles pour l’intégrateur web : le retour
Allez, hop, un petit billet entre deux feuilles de style CSS pour partager quelques infos utiles à l’intégrateur web : dégradés transparent sur les titres, nouvelle référence HTML, du nouveau chez le navigateur Flock, se préparer à WordPress 2.5 du point de vue du blogueur et du développeur de plugins, Dotclear is back, OpenID comme à la maison, et tout pour monétiser votre blog dans les meilleures conditions. →
Opacité CSS et effet de trame avec GIF/PNG transparent
Pour obtenir un effet d’opacité sur un élément, il existe le format d’image PNG 24 bits qui accepte jusqu’à 256 niveaux de transparence. Malheureusement Internet Explorer 6 ne prend pas en charge cette intéressante caractéristique… Je vais vous proposer une méthode full CSS et une autre permettant d’utiliser des images GIF ou PNG transparentes de manière créative avec une page d’exemples à la clé.
Trucs et astuces CSS
Cette page regroupe des trucs & astuces CSS que j’ajoute régulièrement : bookmarkez, blogmarker, favorisez, bref faites tourner… Si vous cherchez plutôt des exemples de design CSS plus complets, les billets présents dans cette page consacrée au design web avec CSS devrait vous intéresser 😉
Si vous avez vous aussi quelques astuces CSS à partager, n’hésitez pas à le faire dans les commentaires.
- La feuille blanche
- Raccourci pratique pour les bordures CSS
- Transparence
- Commentaires conditionnels d’IE vs hacks CSS
- Barre de défilement et décalage d’une page centrée
- Centrer un bloc horizontalement et verticalement dans la fenêtre du navigateur
- Centrer un bloc horizontalement dans la fenêtre du navigateur
- Modifier les caractéristiques des liens avec LoVe HAte