Foros del Web » Creando para Internet » HTML »

Transparencia y opacidad

Estas en el tema de Transparencia y opacidad en el foro de HTML en Foros del Web. Hola a todos, Utilizo hojas de estilo en mi página web, tengo un fondo de página con degradados y en la zona donde van las ...
  #1 (permalink)  
Antiguo 13/09/2005, 12:31
 
Fecha de Ingreso: septiembre-2005
Mensajes: 6
Antigüedad: 12 años, 3 meses
Puntos: 0
Transparencia y opacidad

Hola a todos,

Utilizo hojas de estilo en mi página web, tengo un fondo de página con degradados y en la zona donde van las fotografias (es un weblog) en lugar de utilizar tablas utilizo bloques. Hasta ahora esos bloques necesariamente tenian un color distinto al degradado de fondo y se nota la diferencia, pensé que jugando la opacidad se resolvería. Si en el bloque pongo la siguiente sintaxis:

#box {
margin: 2px auto 5px;
width: 750px;
filter:alpha(opacity=1);
-moz-opacity:0.01;
opacity: 0.01;
}

El resultado es perfecto, se ve completamente transparente y por tanto el degradado de fondo queda genial. Sin embargo la imagen que luego utilizo dentro del bloque box también se ve transparente, es decir no se ve. He llegado a la conclusion que si un bloque es transparente todo lo que contiene también lo es. Hay alguna forma que no sea asi?, es decir que el bloque lo sea pero si pongo una imagen dentro que ocupe menos espacio como hago que se vea?, lo he conseguido realizar en IE si pongo el posicionamiento de la imagen en relativo (curiosidades inexplicables de la compatibilidad de los diferentes navegadores), pero en Firefox no funciona y la imagen no se ve.

Muchas gracias,


Jose:
Perdonad si no es el foro correcto
Fotoblog: http://www.papeldearroz.com/photoblog2/
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:34.