CSS per a impressió i png transparent
Bernat Lleonart
Tinc un document html amb això:
<h1><a href="#"><img src="titular.png" alt="lorem ipsum"/></a></h1>
Es tracta d'un logotip en format png transparent, i la transparència
està en les lletres del logotip, que deixen veure una imatge de fons
especificada en el css.
He fet un css per a impressió, i al no aparèixer la imatge de
background de l'h1, la imatge png no es veu correctament, ja que les
lletres del logo són transparents.
No sé com ho podria resoldre. Havia pensat en utilitzar contingut
generat en el css d'impressió, i posar-hi un jpg, però no crec que ho
suportin tots els navegadors.
Alguna idea?
Arnau Siches
Pots plantejar-te fer que el gràfic que crides amb IMG sigui el
d'impressió (lletra negra p.ex.) i que el CSS d'screen en mostri un
altre tal com comentes.
Sinó, pots provar d'usar un border d'alguna caixa per solapar-lo amb la
imatge transparent. Aquesta solució no és precisament bonica, però pot
funcionar.
--
arnau siches
css.artnau.com
Bernat Lleonart
2008/3/6, Arnau Siches <asi...@gmail.com>:
>
> Bernat Lleonart wrote:
> > Hola,
> >
> > Tinc un document html amb això:
> >
> > <h1><a href="#"><img src="titular.png" alt="lorem ipsum"/></a></h1>
> >
> > Es tracta d'un logotip en format png transparent, i la transparència
> > està en les lletres del logotip, que deixen veure una imatge de fons
> > especificada en el css.
> >
> > He fet un css per a impressió, i al no aparèixer la imatge de
> > background de l'h1, la imatge png no es veu correctament, ja que les
> > lletres del logo són transparents.
> >
> > No sé com ho podria resoldre. Havia pensat en utilitzar contingut
> > generat en el css d'impressió, i posar-hi un jpg, però no crec que ho
> > suportin tots els navegadors.
> >
> > Alguna idea?
>
>
> Pots plantejar-te fer que el gràfic que crides amb IMG sigui el
> d'impressió (lletra negra p.ex.) i que el CSS d'screen en mostri un
> altre tal com comentes.
>
D'acord, crec que faré servir aquesta solució.
Gràcies.