https://blog.schtunks.info/ Le blog de Schtunks : Ce que j'aime et ce qui m'interpelle ! fr Sun, 24 Aug 2025 17:21:55 +0200 Philippe Pathé 2005-2025 http://blogs.law.harvard.edu/tech/rss Dotclear https://blog.schtunks.info/post/2005/05/23/10-affichage-png-dans-ie6-se-servir-du-retard-d-ie-sur-les-normes-w3c urn:md5:20f16c53ed27c5cdb13158c60c330899 Mon, 23 May 2005 23:31:53 +0000 schtunks Blog Astuce Blog CSS Standard Comme je m'amuse à faire des images au format PNG (Portable Network Graphic), un peu par effet de mode mais aussi pour le découvrir, mon logo ne s'affichait pas convenablement dans IE6 car celui-ci ne le gère pas convenablement (sic!)... <br /> <br /> Il existe un contournement grace à une instrucion CSS : <strong>!important</strong> <br /> <br /> Cette règle appliquée à un attribut rend celui-ci prioritaire, mais comme IE ne la comprend pas, il l'ignore et se sert de l'attribut non-prioritaire... <br /> <br /> Cette astuce permet donc des mises en formes différentes suivant le navigateur. <br /> <br /> Ce qui donne dans mon cas pour ma classe logo : <br /> <br /> <code> /* Logo dans l'entete *********************************************************/ <br /> #logo {<br /> display: block;<br /> position: absolute;<br /> width: 100px;<br /> height: 100px;<br /> right: 50px;<br /> top: 25px;<br /> background : transparent url(img/logo2.png) !important; /*géré par FireFox */<br /> background : transparent url(img/logo2ie.png); /*pour IE */<br /> } </code> <br /> <br /> Fini donc le gris neutre à la place de la transparence dans IE car celui-ci affiche un deuxième logo, fait sans transparence ! <br /> <br /> Espérons que IE7 sera plus complet (implémentation du canal alpha), ça nous évitera ce genre bricolage ! <br /> <br />