.: Schtunks Blog :. - Mot-clé - CSSLe blog de Schtunks : Ce que j'aime et ce qui m'interpelle !2023-08-27T14:38:32+02:00Philippe Pathéurn:md5:a5163ec4b4f9f67b1b1828eebc396d66DotclearAffichage PNG dans IE6urn:md5:20f16c53ed27c5cdb13158c60c3308992005-05-23T23:31:53+00:002005-05-25T21:15:56+00:00schtunksBlogAstuceBlogCSSStandard 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 />