Hola a todos
El tema de los fondos transparentes funciona sin problemas en Firefox, no
así en nuestro buen amigo Explorer como decís. Mr. Xose Pita y yo lo tenemos
solucionado de la siguiente manera:
--> Generar la imagen png de 24bits (clavados, ni más ni menos)
--> Definir el estilo del div en cuestión con la siguiente linea de código
microsoft que le dice al explorer que el fondo lleva transparencia png
#midiv {
.
.
.
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,
src='images/mifondo.png',sizingMethod='fit');
}
--> Añadir 'a lo hack' la imagen del modo usual para que la coja sólo
firefox
div>#midiv { background: url(../images/mifondo.png) no-repeat; }
--> Y listo. Mucho ojo a las rutas del png porque con el AlphaImageLoader
partimos del raiz del web a diferencia de la css que parte de la carpeta
donde esté la hoja de estilos
Este sistema que tenemos bastante comprobado y usado nos dió un problema al
principio y es que los elementos dentro del div con este tipo de fondo
"AlphaImageLoader" perdían toda actividad. Los links no se podían pinchar y
los campos de formulario no se podían rellenar. La solución que encontramos
la podéis encontrar en Tripix:
http://www.tripix.net/?p=36
La técnica es un poco liosa, espero que haya resultado lo suficinetemente
claro.
Saludos
Kris
From: "CURRO" <[EMAIL PROTECTED]>
Reply-To: "Ovillo, la lista de CSS en castellano" <[email protected]>
To: "'Ovillo, la lista de CSS en castellano'" <[email protected]>
Subject: RE: [Ovillo] FONDO TRASPARENTE PARA UNA CELDA en CSS IMAGE
BACKGROUND
Date: Wed, 27 Jul 2005 10:56:21 +0200
Hola!
Gracias... No entendí jyubbien lo que me comentabas de la celda (si/no) e
hice un "apaño".
Lo del PNG me parece interesante!. Es que este trabajo es para un sistema
cerrado que tiene un explorador propio... No comercializado para
internet...
Sino para circuitos cerrados de TV y tira bajo HTML 4 y CSS 1. (Pues eso,
imaginate que castaña... Sin cache... Ni ná de ná)
Un abrazo y muchisimas gracias por tu consejo!
Sois la ostia troncos!
-----Mensaje original-----
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED]
En nombre de Alejandro Lillo
Enviado el: martes, 26 de julio de 2005 16:01
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] FONDO TRASPARENTE PARA UNA CELDA en CSS IMAGE
BACKGROUND
> Gracias de antemano. ¿Alguien sabe si puedo colocar en la hoja de
> estilos css un background-image, una imagen gif semitrasparaqnte que
> me permita ver el fondo de la página?...
Primero que nada, un gif no puede ser semitransparente. Un PNG sí, pero
todos los conocemos lo bien que se lleva el alpha del png y el navegador
favorito de los usuarios.
La única manera de hacer un gif semitransparente, que se me ocurra, sería
haciendo el truquito de la rejilla, un cuadro lo pintas y el otro lo dejas
transparente.
> Para más información: La pantalla tiene una tabla de su tamaño con una
> imagen de background. encima de ella estan el resto de tablas que
> engloban los contenidos, y en las celdas de los enlaces quiero dejar
> un color plano en semitrasparencia que me permita ver el fondo a
> traves de la opacidad del background de dicho enlace.
Primero: dices que tienes una tabla que ocupa todo el viewport, con una
imagen de fondo. Entonces... ¿porqué no pones la imagen como fondo del
BODY?
Por lo demás, se puede dar un fondo semitransparente vía CSS. No forma
parte
de las recomendaciones del W3C con lo que tu código no validará, pero si lo
necesitas aquí explica como hacerlo:
http://www.mandarindesign.com/opacity.html
--
Alejandro Lillo
www.nordic-design.net
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected] Puedes
modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
