in

html – Opacidad de fondo CSS

apple touch icon@2

Esto se debe a que el div interno tiene el 100% de la opacidad del div en el que está anidado (que tiene un 40% de opacidad).

Para evitarlo, hay algunas cosas que puede hacer.

Podrías crear dos divs separados así:

<div id="background"></div>
<div id="bContent"></div>

Establezca la opacidad CSS deseada y otras propiedades para el fondo y use la propiedad z-index (índice z) para diseñar y colocar el div bContent. Con esto, puede colocar el div encima del div de fondo sin tener que ensuciar su opacidad.


Otra opcion es RGBa. Esto le permitirá anidar sus divs y aún lograr una opacidad específica de div.


La última opción es simplemente hacer una imagen .png semitransparente del color que desee en el editor de imágenes que desee, establezca la propiedad de la imagen de fondo en la URL de la imagen y luego no tendrá que preocuparse por perder el tiempo. con CSS y perdiendo la capacidad y organización de una estructura div anidada.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

103672 1516256385

¿Cómo usar una imagen como enlace en HTML?

gfg 200x200 min

abs () en Python – GeeksforGeeks