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.
SimpleJS — Cette petite bibliothèque Javascript développée par Christophe Lefevre propose de faciliter l’utilisation d’Ajax. SimpleJS ne saurait être comparée avec Prototype ou jQuery. Mais ce n’est pas grave : aujourd’hui nous somme à la recherche de solutions simples, légères et efficaces, qui vont à l’essentiel : $ajaxload() $ajaxreplace(), $opacity(), $shiftOpacity(), $pulsate(), $highlight(), $textColor(), $morphColor(), $toggle(), $blindup(), $blinddown(). Sans oublier les plugins simpleslish.js (Slideshow, 1.6k) et simpleacco.js (effet accordéon, 1k) !
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.) →
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é.
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.
