Bonjour !
Je me trouve face à un problème assez particulier.
l'impression d'images transparentes via feuille de style CSS.
Je m'explique.
j'ai dev un petit programme HTML + CSS + JQUERY
J'ai une div dans laquelle j'affiche 5 couches d'images PNG24
pour vous donner une idée je compose un "Avatar" avec des cheveux, un pantalon, une chemise, ...
essayez de cocher différentes couleurs sur cet exemple :
http://twixtop.lescigales.org/color/
le chargement s'effectue correctement sur tous les navigateurs (IE7+, Opera, Chrome, FF, Safari)
Maintenant j'aimerai pouvoir générer un PDF ou une impression de ces images en place.
Firefox (osx / pc) -> pas de problème
Safari (osx / pc) -> pas de problème
Opera (pc) -> pas de problème
Chrome et IE7+ -> problème de transparence
Mais là ou j'hallucine c'est sur Google Chrome, c'est pourtant la même base que Safari nan ? c'est une base webkit ?
Il m'affiche bien les images, mais il leur attribue un fond blanc... ou ne prend pas en compte la couche alpha ...
d'ailleurs à l'ouverture du PDF on voit bien qu'il superpose les images... mais n'affiche que la dernière (celle qui a le z-index le plus fort) et masque forcément celle qui se trouve à un niveau plus bas
J'ai tout essayé
même après avoir lu différents articles à ce propos (alistapart, la trad sur pompage, et différentes autres url traitant de ce sujet. rien a faire...
il me semblait avoir trouvé une bonne piste hier:
http://youngpup.net/projects/sleight/demo.html
via 24ways : http://24ways.org/2007/supersleight-transparent-png-in-ie6
no way..
je sèche
je doute que quelqu'un ai la solution, mais bon.. qui tente rien n'a rien.
Bonne année à toutes et à tous.
twix
Modifié par twixtop (26 Jan 2011 - 11:38)
Je me trouve face à un problème assez particulier.
l'impression d'images transparentes via feuille de style CSS.
Je m'explique.
j'ai dev un petit programme HTML + CSS + JQUERY
J'ai une div dans laquelle j'affiche 5 couches d'images PNG24
pour vous donner une idée je compose un "Avatar" avec des cheveux, un pantalon, une chemise, ...
essayez de cocher différentes couleurs sur cet exemple :
http://twixtop.lescigales.org/color/
le chargement s'effectue correctement sur tous les navigateurs (IE7+, Opera, Chrome, FF, Safari)
Maintenant j'aimerai pouvoir générer un PDF ou une impression de ces images en place.
Firefox (osx / pc) -> pas de problème
Safari (osx / pc) -> pas de problème
Opera (pc) -> pas de problème
Chrome et IE7+ -> problème de transparence
Mais là ou j'hallucine c'est sur Google Chrome, c'est pourtant la même base que Safari nan ? c'est une base webkit ?
Il m'affiche bien les images, mais il leur attribue un fond blanc... ou ne prend pas en compte la couche alpha ...
d'ailleurs à l'ouverture du PDF on voit bien qu'il superpose les images... mais n'affiche que la dernière (celle qui a le z-index le plus fort) et masque forcément celle qui se trouve à un niveau plus bas
J'ai tout essayé
img {background:none;}
img {background: transparent;}
même après avoir lu différents articles à ce propos (alistapart, la trad sur pompage, et différentes autres url traitant de ce sujet. rien a faire...
il me semblait avoir trouvé une bonne piste hier:
http://youngpup.net/projects/sleight/demo.html
via 24ways : http://24ways.org/2007/supersleight-transparent-png-in-ie6
no way..
je sèche
je doute que quelqu'un ai la solution, mais bon.. qui tente rien n'a rien.
Bonne année à toutes et à tous.
twix
Modifié par twixtop (26 Jan 2011 - 11:38)