Saltar al contenido

html – Opacidad de fondo CSS

septiembre 23, 2021
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.

close