Filtro de transparencia

Acabo de hacer un html que debería tener algunas áreas deshabilitadas. Estas áreas siguiendo el diseño deben tener un 50% de transparencia.

Para eso, hice una clase llamada "transparente". El problema que tengo es que este sitio también debe verse en IE6. El CSS que hice funciona en todos los navegadores, pero no pude probarlo en IE6.

Hasta el momento he estado usando IETester pero no puedo ver el filtro de transparencia funcionando (las imágenes, divs, etc. están al 100%).

Leí en Internet que IETester tiene un problema con el filtro de transparencia y estaba intentando instalar una máquina virtual para poder tener IE6, etc., etc., etc. así de más fácil !!! ...

Solo me gustaría saber si este CSS que hice DEBERÍA estar funcionando en IE6 porque no puedo probarlo.

Y si no es así, ¿podría proporcionarme una mejor solución?

ps: ya intenté instalar el archivo .htc de transparencia, pero no funcionó cuando lo registramos en Visual Studio donde se está haciendo la solución.

Gracias por adelantado,

Este es el CSS:

.transparent{
zoom: 1;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*IE5+*/
filter: alpha(opacity=50); /* IE5-7 */
-moz-opacity:0.5; /* Older than Firefox 0.9 */
-khtml-opacity: 0.5; /* Safari 1.x (pre WebKit!) */
opacity: 0.5; /* Firefox 0.9+, Safari 2, Chrome, Opera 9+, IE 9+ */}

preguntado el 27 de agosto de 11 a las 21:08

2 Respuestas

si realmente desea que funcione con IE6, entonces solo haga una cosa que cree una imagen de la transparencia que necesita con el ancho y el alto según sus necesidades ... y luego modifique su CSS según ...

.transparent
{
background:url(path_to_your_transparent_image) repeat-x repeat-y;

}

Respondido 28 ago 11, 04:08

todavía no funcionará en IE6. Necesito Javascript para hacer esto. - Ahmad Alfy

Te recomendaría que uses rgba () ...

Algo como eso :

element { background : rgba(255,255,255,0.5); }

Esto le dará un blanco con un 50% de transparencia.

Para que esto funcione en IE, debe usar esta calculadora

Será algo como:

element {
background:none;
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF,endColorstr=#7FFFFFFF);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF,endColorstr=#7FFFFFFF);
zoom: 1;
}

Lo he estado usando mucho recientemente y está funcionando perfectamente.

Respondido 28 ago 11, 04:08

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.