¿Cómo puedo hacer que sólo el fondo sea transparente y el texto opaco en CSS?

1. Primero cree un nuevo archivo html, agregue un DIV, establezca el ancho y el alto y rellene el color de fondo con rojo.

2. Luego inserte un DIV secundario en el DIV principal, defina su ancho, alto y color de fondo (fondo: #fff;).

3. Luego agregue un código de transparencia (opacidad: 0.6), guarde y obtenga una vista previa del efecto. El fondo se ha vuelto transparente, pero el texto también es transparente.

4. Los estudiantes que estén familiarizados con PS deben saber que hay una opacidad encima de la capa. Configure la opacidad de la capa en PS en 60 y el efecto será el mismo que en la página web. Un valor numérico.

5. Elimine el color de fondo y el código de opacidad ahora mismo y cambie el color de fondo del código: rgba (255, 255, 255, 0.6);

6. Después de guardar, observe el efecto. El fondo se ha vuelto transparente y el texto es opaco.

7. 255, 255 y 255 son los valores en el selector de color en PS.

8 y 0.6 tienen el mismo significado que el primer método.