Problemas: Internet Explorer 6 y transparencias PNG-24 en background-image

La solución a lo expuesto en este antiguo Post la podéis encontrar aquí.

Continuan apareciendo problemas al utilizar las transparencias PNG en Internet Explorer 6.

Mi intención, en este caso, era utilizar el PNG con transparencia alpha como imagen de fondo para el diseño de una pagina.

Lo primero decir que para conseguir esto en el Internet Explorer de Windows sería necesario agregar este apaño entre las etiquetas head de nuestro código fuente. En este ejemplo la capa que contiene la imagen de fondo tiene un id=»contenedor»:

<!–[if IE]>
<script defer type=»text/javascript» src=»pngfix.js»></script>

<style type=»text/css»>
#contenedor {
background-image: none;
filter: none !important;

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src=»fondo.png», sizingMethod=»scale»);

}
</style>

<![endif]–>

Si queréis ver algo mas sobre ésta solución leed este Post.

Pues bien, el problema con el que nos encontramos es que los elementos (en concreto los enlaces, o bloques de texto) situados encima de la capa con el PNG aplicado como fondo no pueden ser seleccionados por medio del cursor. Si nos movemos con tabulaciones no hay problema, vamos saltando a través de los enlaces y accedemos a ellos, pero … ¿que porcentaje de usuarios utiliza el tabulador para moverse por los enlaces de nuestras páginas?.

En el Internet Explorer para Mac Os las transparencias PNG aplicadas como fondo en background-image no las entiende. Es decir, nos aparecerá algo, para nada parecido a la transparencia que deseamos.