Crear fondos transparentes con css

Crear fondos transparentes con css

Muchas veces es necesario tener fondos transparentes con css, por varias razones una puede ser por ejemplo para que no tener que poner el mismo color de fondo a todo, por si hay una imagen de fondo para no arruinarla, etc.

Se puede hacer simplemente en el css agregando:

Background-color: transparent;

Lo que harĆ­a que el fondo sea transparente y si queremos crear divs o bloques con un cierto grado de transparencia lo que debemos hacer es colocar el siguiente cĆ³digo en el css:

filter:alpha(opacity=70);

-moz-opacity:.70;opacity:.70;

El ā€“moz-opacity es para que lo tome firefox, en este caso 70 es el grado de visibilidad, puediendo hacerlo mĆ”s o menos visible.

Esto puede ser realmente Ćŗtil al momento de ubicar un div sobre otro como una capa superior pero dĆ”ndole un tono mĆ”s invisible