21/07/2004, 17:42
|
 | | | Fecha de Ingreso: julio-2004 Ubicación: Ciudad de México
Mensajes: 544
Antigüedad: 19 años, 9 meses Puntos: 2 | |
| Una imagen semitransparente solo funcionaría (imagino) en navegadores que utilizen el motor Gecko. Pero seguro no funciona en IE, pues tiene la horrorosa costubre de no soportar canales ALFA.
La solución está en las hojas de estilo. Utiliza las siguientes propiedades:
Para motores Gecko:
-moz-opacity:0.1;
El valor puede ir de 0 (transparente) a 1 (opaco).
Para Internet Exploiter:
filter:alpha(opacity="10");
El valor puede ir de 0 (transparente) a 100 (opaco).
Ambas propiedades se pueden combinar en la misma hoja de estilos sin interferir entre ellas.
NOTA: IE solo transparenta el color de fondo y la imagen de fondo del objeto en cuestión. El motor Gecko transparenta TODO. Contenido y fondo. Si no deseas que se transparente el contenido utiliza otra capa dentro de la translucida que lo contenga. Obviamente ésta sin fondo.
Ejemplo:
div.menu{
-moz-opacity:0.1;
filter:alpha(opacity="10");
}
Solo basta aplicarlo a la capa.
__________________ Mi pequeño espacio en la web: VisiónE
"El cosmos es todo lo que es, todo lo que fue, y todo lo que será alguna vez."
Última edición por KnowDemon; 21/07/2004 a las 17:48 |