Texto transparente con css

[ainvar57]

Alguien sabe si es posible hacer que un texto sea transparente y que se vea por debajo un fondo como si fuera una máscara, es decir, hay un fondo que ocupa toda la página y sobre el una capa blanca con los contenidos. Lo que quiero conseguir es que el título del contenido sea un texto sea transparente y se vea el fondo a través de él.

[rjulio21]

utilizas opacity. es una propiedad de css3. para el background.
esta propiedad toma valores entre 0 y 1. (0.1,0.2....)
donde el valor "1" es la vista normal. y menos es mas transparente.

Prueba. Si es lo que entendi. eso es lo que necesitas. Ahora. yo tengo otro problema. si alguien puede pasar por el siguiente link y ayudarme. Gracias.
http://www.forosdelweb.com/f53/probl...os-css-975847/

[ainvar57]

Gracias rjulio, pero no es esto, en explorer si se puede utilizando filtros, chroma en este caso, aunque deja unos bordes en el texto que no me gustan, pero en los demás navegadores chroma no funciona, pues es un atributo propietario de microsoft. El problema es que el título y el contenido están en una capa con fondo blanco y texto negro, solo quiero que sea transparente el texto del título.

[emprear]

Como te indicaron, con opacity podés hacerlo perfectamente, para que funcione correctamente en todos los navegadores revisá este eejmplo

http://foros.emprear.com/css/opacity.html

SAludos

[ainvar57]

Creo que no me he explicado bien, lo que quiero conseguir es es esto:

[URL="http://ainvar.net/Imagen1.jpg"]http://ainvar.net/Imagen1.jpg[/URL]

Y con opacity no se puede. Podría hacerse si existiera algo similar a filter:chroma('color') en los navegadores que no son Internet Explorer, pues esta característica es propiedad de Microsoft y solo funciona en IE.

De tyodos modos gracias por las respuestas.

[ainvar57]

Porque no me aparece el enlace como enlace y en vez de eso aparece con la etiqueta [URL]

[super_rayo]

Prueba hacerlo con Photoshop (u otro).

[emprear]

Ahora veo, con css no se puede, vas a tener que hacer una imagen con el texto transparente, sin importar lo que hagas el fondo para el texto va a ser siempre el blanco de la capa que contiene los resultados.

Saludos

[rjulio21]

ok. veo lo que quieres hacer. efectivamente creo que no se puede con opacity. la verdad no se si puedas hacerlo con css. xq lo que quieres es que las letras tecnicamente sean invisibles y pintar el alrededor. jeejejjee.

[ainvar57]

Ya, es una pena porque no quería usar imágenes. De todos modos es curioso que en Explorer funciona bien lo de filter:chroma, es raro que no haya nada parecido para Firefox o Chrome, mira esta prueba con el IE:

[URL]http://ainvar.net/prueba.php[/URL]

[rjulio21]

la funcion es asi tal cual "filter:chroma"???? gracias.

[rjulio21]

Mira este enlace. Tal vez te sirva! (=
http://www.forosdelweb.com/f13/texto...chroma-636151/

[kseso?]

Sólo a título informativo, pues la consulta está en el foro de css y lo que voy a mencionar está en una fase muy inicial/experimental:
Background-clip: text

[ainvar57]

Iniciado por rjulio21

la funcion es asi tal cual "filter:chroma"???? gracias.

No, si ves el ejemplo que puse verás como se usa, y no es una función, es una propiedad css de Internet Explorer, y eso es lo malo, que solo funciona en IE. Puede ser una cosa así:

Código:

#contenido {
	background-color:#FFF;
	height:500px;
	font-family:Verdana, Geneva, sans-serif;
	color:#000000;
	filter:chroma(color='#EEEEEE');
}
#contenido h1 {
	margin-top:40px;
	font-size:152px;
	color:#EEEEEE;
}

[ainvar57]

Iniciado por kseso?

Sólo a título informativo, pues la consulta está en el foro de css y lo que voy a mencionar está en una fase muy inicial/experimental:
Background-clip: text

Muy interesante kseso?, supongo que pronto lo implementarán con -moz, o eso espero, así se podrán hacer este tipo de cosas con facilidad.

[rjulio21]

Iniciado por ainvar57

No, si ves el ejemplo que puse verás como se usa, y no es una función, es una propiedad css de Internet Explorer, y eso es lo malo, que solo funciona en IE. Puede ser una cosa así:

Código:

#contenido {
	background-color:#FFF;
	height:500px;
	font-family:Verdana, Geneva, sans-serif;
	color:#000000;
	filter:chroma(color='#EEEEEE');
}
#contenido h1 {
	margin-top:40px;
	font-size:152px;
	color:#EEEEEE;
}

Si viste mi comentario posterior. Yo mismo me respondi la pregunta investigando. y deje un enlace del mismo foro en dond usan javaScript. para simularlo para firefox.......

[williamhpf]

Me he perdido entre tanto codigo, encima del texto pones una imagen como si fuera una cabecera con las letras en transparente y se vera la imagen de fondo en las letras, ni css ni jfk ni fbi. A medida que vas paginando la imagen siempre estara arriba.
Si no es asi, es que no me enterado de lo que quieres hacer, mis disculpas jejej

Saludos