6.484 lecturas 0 comentarios

CSS: Filtro de opacidad

Ha continuación os dejo una clase que te permitirá poner cualquier objeto de tu Web con la transparencia que necesites.

Todos los objetos en una web son 100% opacos, con estos filtros podemos bajar el efecto hasta hacerlos transparentes.

La primera linea, segunda y tercera son para Explorer. Solo la primera debería valer pero en ciertas ocasiones el render se le va la cabeza y no muestra el efecto si no se acompaña de alguna propiedad más como puede ser Float o Width.

La cuarta linea es para Firefox y la quinta para versiones anteriores de Firefox.

Así que con este código completo no deberíais de tener problema en ningún explorador.

.claseopacidad {
filter:alpha(opacity=25);
width: 120px;
float: left;
opacity: .25;
-moz-opacity: .25
}