Letras coloreadas con imagen de fondo

[fa2012]

Hola,

Quiero colorear unas letras con el fondo de una imagen que se repite verticalmente. Las letras estarán coloreadas con el fondo que añado.

<h1 style="background-image:url('./css/images/fondo.png');
background-repeat:repeat-y;">
hola
</h1>

Con la orden anterior sólo consigo poner el fondo, pero por detrás. El fondo lo quiero transparente y las letras coloreadas.

Sin el webkit!!! Lo digo para que sea compatible con IE 8.

Un saludo

[pablolombardo]

Que buena idea! Si se pudiese hacer ya me imagino por ejemplo creando tipografías con texturas y cosas así. Muy bueno. Habría que pasarle la idea a la W3C.

Mientras tanto hay que conformarse con png transparentes, que es la solución que tendrías vos también. A no ser algo de jquery, pero con CSS no lo solucionas seguro.

Saludoss.

[fa2012]

Gracias por tu respuesta. ¿Crees que se le podía pasar esta idea a alguien para que de una solución para IE8 y Firefox sin el webkit?

Hasta luego

[kseso?]

Sólo webkit:
http://css-tricks.com/examples/ImageUnderText/

[pablolombardo]

Iniciado por kseso?

Sólo webkit:
[url]http://css-tricks.com/examples/ImageUnderText/[/url]

Combinar background-clip con un text-fill transparente. Muy bueno!

[furoya]

En IE se podía hacer desde la versión 4.x.

Efecto Máscara / Marquesina

Acá hay algunos viejos trucos compatibles.

Texto transparente en Firefox (como filter chroma)

Letras o imagenes transparentes