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);

Opacidad con css