La gestion de la transparence, vu par IE

Dual Blog : DeFr's Weblog

La gestion de la transparence, vu par IE | dimanche 28 novembre 2004, 23h39

Boon, alors, au risque de passer pour un grincheux en écrivant deux posts de plaintes consécutifs, lààà, vraiment, IE m'embette, donc, je suis obligé d'en parler ici. Si, je vous assure, c'est moralement obligatoire, tout ca. Précision, oui, cela risque d'être un post relativement technique...

La situation ? Alors, vous commencez par prendre une image contenant des zones de transparence. Evidement, vous allez être embetter dès le départ avec IE si vous prenez un PNG ayant un réel canal alpha, mais bon, disons que vous utiliser un PNG avec une transparence binaire ou un GIF, pour lesquels IE reconnait à peu près la transparence. Vous pensez alors être à l'abri d'autre problème, avoir pris toutes les précautions necessaires, surtout que IE affirme supporter intégrallement le CSS 1 ? Vous n'êtes pas au bout de vos surprises...

Maintenant que vous avez votre image, avec un fond transparent, vous esperez donc voir au travers... Soyons fou, disons même que vous souhaitez pouvoir utiliser cette image avec différents font, pouvant eventuellement varier au fil du temps ? Les problèmes commencent. En réalité, il n'y a même pas besoin que la variation soit temporelle, vouloir utiliser la même image avec deux fonds de couleurs différentes suffit.

Bon, alors, d'un point de vue technique : prenez à peu près n'importe quel element, définissez à la fois une background-image et une background-color dessus en CSS, puis regarder le résultat. Ce qui est préconisé par le W3C depuis CSS1, et qui est ce à quoi on s'attend, c'est, je cite ( et je traduit après :p ) :

This property sets the background image of an element. When setting a background image, one should also set a background color that will be used when the image is unavailable. When the image is available, it is overlaid on top of the background color.

( extrait de http://www.w3.org/TR/REC-CSS1#background-image, soit en traduction : cette propriété défini l'émage de fond d'un élement. Lorsqu'on définit une image de fond, il est necessaire de préciser aussi une couleur de fond qui sera utilisé dans le cas ou l'image ne sera pas disponible. Lorsque l'image est disponible, elle est dessinée au dessus de la couleur de fond.

Au global, réellement ce à quoi on s'attend : si on définit une couleur de fond, et que l'image possède des zones transparentes, on s'attend à voir cette couleur à travers les zones transparentes. IE semble ne pas suivre cette logique, préferant ne pas mettre de couleur de fond là ou est située l'image, nous faisant voir ce qu'il y a sous l'élement considéré. Traduction pratique ? Sur ce blog, sous IE, la catégorie selectionné n'est pas du tout affichée comme elle le devrait. Au lieu de mettre du gris dans tout le fond de la cellule, seules les parties non recouverte par l'image ont un fond gris, ce qui n'est pas des plus esthétiques.

C'est d'autant plus un problème que la seule solution de substitution simple est de créer différentes images pour les différents fonds, ce qui augmente assez considérablement le poids total de la page à charger d'une part, et n'est absolument pas flexible d'autre part... J'vois bien une ou deux autres solutions à tester, mais j'aurais réellement préféré pouvoir m'en passer

P.S. : C'est passé dans l'indiférence générale, mais des tags plus sémantiques ont été mis en place, entre autre une <ul> pour la liste des liens et une <dl> pour les sections et leurs contenus

Edit : Ce post a fait l'objet de la publication d'un errata, dont je vous prie de tenir compte avant toute citation éventuelle de ce post

Tags : aucun
260 - Un p'tit commentaire ? (6)

Le mauvais garnement à 15h33, le mercredi 01 décembre 2004

DeFr ayant eu récemment un problème entre IE et la transparence , c'est à mon tour ! En effet, comme j'en ai déjà parler dans un précédent billet , on m'as confié le codage (XHTML / CSS) d'un nouveau design pour le site MisterCado ...........

Revenir au blog

Sites visités

About

Quelques informations sur cette version ? Ca va être un peu difficile étant donné que le choix a été fait de laisser au visiteur le choix de l'apparence graphique de ce blog par le biais de feuilles de styles alternatives ( oui, je viens de pondre la traduction, non je sais pas si c'est une bonne idée de traduire des termes techniques à 23h45 un 31 décembre ). Toutefois, pour ce qui est du style par défaut, Somatic, je peux vous dire que les icones viennent du talentuex David Lanham, pour The IconFactory, dans son set Somatic Windows

Quelques faits ? La magie de pouvoir changer l'apparence de ce site à volonté ( quatres versions disponible en lien ci-dessous pour le moment, plus si vous utilisez un navigateur vous laissant choisir par lui-même l'apparence parce que vous aurez alors en bonus les versions que je considère, erm, expérimentales ) est du essentiellement au tandem XHTML 1.1 et CSS 2.1, permettant de séparer le contenu, c'est à dire les informations elles-même, de la facon dont elles sont affichés à l'écran, ce qui permet entre autre ce que vous avez sous les yeux ^^;

Profile

Franck ( Deroche Franck, oui, la parodie de James Bond est nulle, et alors ? ), 20 ans est un habitant de Plaisir, France, la Terre, petite planète du système solaire paumée entre Venus et Mars. Il est actuellement en école d'ingénieur à l'Ecole Centrale de Nantes : une école d'ingénieur généraliste permettant de faire à peu près n'importe quel travail d'ingénieur en sortie.

Toutefois la spécialisation de Franck sera très certainement dans le domaine informatique, pour lequel il éprouve une passion sans bornes. Normallement, de telles études devrait lui laisser assez de temps pour qu'il puisse faire ce qu'il veut à côte, mais ce n'est que la théorie...

Enfin, Franck est en ce moment très ( très très ) amoureux d'une jeune demoiselle particulièrement brillante et sympathique, extrement jolie, adepte de Zelda et du violet qui se reconnaitra très certainement, et qui malheureusement n'habite pas vraiment très près de Nantes... Et en plus, elle ne considère même pas les ordinateurs comme des choses bizarres venue d'ailleurs, pouvant même programmer pour le web ^^;

Like / Dislike

Qu'est-ce que Franck peut bien aimer ? Erf, bah, tout à la fois, pas grand chose et un nombre impressionant de machins qui pourrait un être normallement constitué ne serait probablement rien d'autre que tout au plus des anecdotes. Toutefois, il faut bien avouer que son passe-temps majeur n'a rien de bien original, puisqu'il s'agit de l'informatique, ce media des temps modernes sur lequel on entend à peu près tout et n'importe quoi. Et en ce qui concerne l'informatique, on peut alors dire que Franck est on ne peut plus écléctique, touchant un peu à tout... Ce qui retient le plus son attention toutefois, en ce moment du moins, reste la création de sites webs, la programmation et la customisation de son environement, à un point pouvant parfois friser le ridicule...

Lorsqu'il n'est pas collé à son écran, on a alors toutes les chances de le trouver en train de lire un bouquin, la lecture lui prenant elle aussi une partie non négligeable de ses temps libres. Dans ce domaine aussi, l'eclectisme fait loi, il peut lire plus ou moins tout et n'importe quoi... Ces dernieres découvertes majeures en la matiere sont probablement les bouquins de Werber ( qu'il a toutefois découvert depuis un certain temps maintenant ) et plus recement les mangas que sont Hunter x Hunter, Naruto et surtout One Piece, qui l'ont amenés dans un univers ou il ne s'était curieusement que rarement aventuré.

Quant à sortir des deux occupations sus-mentionnées, il est difficile de donner une énumeration précise de ce qu'il aime faire, tant cela tant à l'anecdote : faire du cerf-volant sur la plage avec le son des vagues en fond sonore, se baigner, etc.

Quant à ce qu'il n'aime pas, les réponses sont alors même pour lui moins évidente... Au niveau comportemental, c'est à dire dans ces relations avec les autres individus de l'espece humaine, le tout pourrait se resumer par une formule bateau du type : qu'on ne respecte pas le cadre privé dans lequel il souhaite parfois se retrancher... En effet, Franck aime parfois se retrouver livrer à lui-même, avoir des instants bien à lui où il n'est pas obligé d'expliquer ses agissements, et où tout simplement il n'est pas obliger de communiquer avec d'autres individus à qui 'il n'a finalement rien à dire... D'autre part, il deteste se sentir exploiter, en mettant dans cette notion tout travail inutile pour lui, que ce soit au profit de quelqu'un d'autre, ou même completement inutile à qui que ce soit. Toutefois, sa notion de l'utilitié semble legerement particulière, car passer un temps fou sur des jeux ne le dérange par contre générallement pas le moins du monde...