[Resolu] PNG 24 / CSS / IE

(reprise du message précédent)

Est-elle bien en PNG-32 ? (et non 24) ?

Nautiljon a écrit :
Je vois ou est le problème, c'est au niveau de l'image PNG apparament. J'ai essayer d'en faire avec plusieurs logiciels mais ça fonctionne pas, par compte celle de la page d'exemple pour IE7 : http://dean.edwards.name/IE7/compatibility/tukan-trans.png
foncionne bien avec le script sous IE. Je vois pas ce qu'il faut faire de special pour créée une image PNG compatible avec ce script donc si quelqu'un a la soluce ce serait cool !

ce n'est qu'un PNG 24bits avec couche Alpha ( 32bits au total ).

http://www.nautiljon.com/test/
J'ai mis l'image de l'exemple de IE7 et une image que j'ai créée (16.7M Couleur, fond transparent, PNG24 + canal alpha) -> http://www.nautiljon.com/test/png.jpg
Je comprend pas
Quelqu'un aurait-il une image png a mettre a disposition pour que j'essai svp ?

Merci.

Il faut lire :
http://dean.edwards.name/IE7/usage/configure.html

Il y a une règle de nommage des images (terminaison en -trans.png). Cette règle par défaut peut être modifiée par paramètrage, ou en modifiant le code du javascript.

NB : tout rentre dans l'ordre en utilisant test-trans.png. Cette image comprend bien le canal alpha de transparence.
Modifié par Xavier (09 Mar 2005 - 11:56)

Rah ! Merci, j'aurai jamais penser que ça fonctionnait par nom, j'ai pas fait gaffe à ça !

Par compte, truc pas cool, je peu plus cliquer sur un lien partout ou y'a le fond !
-> http://www.nautiljon.com/test/

???

Autre truc pas super dans mon cas car j'utilise mon image comme fond, c'est qu'elle ne se multiplie pas partout l'image, c'est comme si on avait mit repeat: none; dans le CSS
Modifié par Nautiljon (09 Mar 2005 - 13:33)

Les 2 sujets que tu soulèves sont traités sur cette page :
http://dean.edwards.name/IE7/notes/#PNG (ça serait pas mal si tu lisais la doc de l'outil que tu utilises).

Pour le repeat, pas de solution, concernant le lien tu peux le mettre dans un container adjacent.

Oki Merci bien !

Moi j'utilise ça, dans un seul fichier css :

/*lu par IE 5.5/6*/
#container {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_container.png',sizingMethod='scale');}
/*lu par Firefox, Opera, etc*/
body> #container {background: url(images/bg_container.png) repeat-y;}

3 petites précisions après avoir peiné quelques heures sur le sujet :

le code de cedb3 est excellent et il fonctionne bien ! Par contre,

- si le conteneur est lui même dans un autre conteneur il faudra mettre

/*lu par Firefox, Opera, etc*/
#containeur1> #container2 {background: url(images/bg_container.png) repeat-y;}

- j'ai un bug qui fait que, sous IE, si la largeur du conteneur est définie en pourcent, le fond ne s'affiche pas que faire ???

edit : bah en fait c'est sûrement du a un conflit avec le hack max-width que j'avais aussi mix...
Vivement qu'on puisse se passer de toutes ses bidouilles


- est-ce que l'auteur du sujet pourrait renommer celui-ci, car si on tappe png dans l'outil de recherche, on ne tombe pas dessus
Modifié par Noisequik (05 Apr 2005 - 14:47)

Ah j'avais pas vu le code de cedb3, fautdra que j'essai ça car le script IE7 met un certain temps à se lancer c'est pas pratique.

Pour mon topic j'ai mis un espace en Resolu et CSS mais j'ai essayer de faire une recherche ça trouve rien, je sais pas :S