Fondo transparente con CSS

Muchas veces es necesario tener fondos transparentes con CSS, por varias razones, por ejemplo para no tener que poner el mismo color de fondo a todo, por si colocamos una imagen de fondo y queremos visualizarla, 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=50);

-moz-opacity:.50;opacity:.50;

El –moz-opacity es para que lo reconozca firefox, en este caso 50 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