28172 sujets

CSS et mise en forme, CSS3

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é
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. Smiley biggrin
twix
Modifié par twixtop (26 Jan 2011 - 11:38)
Bon.

Est il possible alors d'envisager un script qui génère une capture d'écran au format IMage (jpg, gif, png peu m'importe...)

Quelqu'un aurait il une piste pour moi ?