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/