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