Opacidad con css

En este post explicaremos las dos maneras de dar transparencia u opacidad con css.

La manera a utilizar la opacidad dependerá de cómo quieres que se comporten los elementos secundarios. Los elementos secundarios que se encuentren anidados dentro un elemento padre pueden heredar o no esa opacidad.

  • Heredar transparencia a elementos secundarios:

#parent

{

opacity: .5;
-moz-opacity: .5;
filter:alpha(opacity=5);

}

  • No heredar la opacidad a elementos secundarios:

#parent

{

background:rgba(0,0,10,0.5);

}

Deja una respuesta

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