transparente texto sobre semitransparente pero opaco opacidad imagen fondo div contenido con color codigo css css3 opacity

css - texto - Cómo establecer fondo transparente en elemento HTML5



texto opaco sobre fondo semitransparente con css (3)

¿Puedes establecer el color de fondo en su lugar?

background-color: rgba(255,255,255,0.6);

Esta pregunta ya tiene una respuesta aquí:

Quiero establecer la opacidad de un elemento en 0. Ahora, si hago esto, todo el contenido del elemento heredará esta propiedad. No quiero esto, solo quiero que el fondo obtenga la opacidad 0 mientras el contenido (el texto, por ejemplo) permanece visible

Alguna pista ?

Gracias.


La propiedad de opacidad se aplica a todo un objeto , como puede leer en la especificación para él .

El ajuste de opacidad uniforme que se aplicará a todo un objeto. Cualquier valor fuera del rango 0.0 (totalmente transparente) a 1.0 (completamente opaco) se fijará a este rango. Si el objeto es un elemento contenedor, entonces el efecto es como si los contenidos del elemento contenedor se fusionaran con el fondo actual utilizando una máscara donde está el valor de cada píxel de la máscara.

Puedes considerar usar colores rgba() .


Después de algunas investigaciones encontré una respuesta fácil: background-color: transparent;