Fondos transparentes con CSS

Oct 10, 2004 I CSS, Sistemas, Windows.

Algunas vez te haz preguntado como transparentar un fondo con CSS?

Es fácil y el código que te muestro abajo funciona para IE, Mozilla y Safari (en ese orden).

Veamos:

filter:alpha(opacity=80);

-moz-opacity:0.8;

opacity: 0.8;

Los valores 80 y 0.8 deben cambiarse según te parezca, en escala 10 a 100 y 0.1 a 1.0 en el segundo caso. Un ejemplo:

#id {

background-color:#FFFFFF;

padding: 8px;

filter:alpha(opacity=80);

-moz-opacity:0.8;

opacity: 0.8;

}

El color blanco se hará un poco transparente. El valo 10 o 0.1 es transparencia casi total.

Saludos!

2 responses so far, say something?

  1. vladux Says:

    Mil grax, diste fin a 6 horas exaustas de busqueda por este codigo. mil gracias salu2 desde Guatemala.

  2. nazarethm Says:

    Vladux, que bueno que te ha servido pronto colocaré unos trucos que he recopilado para que los veas. Saludos!

Leave a Reply