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