rubensa, algo en qué pensar

Lunes, 30 de enero de 2006

PNGs transparentes en IE

Si alguna vez has intentado utilizar PNGs transparentes en Internet Explorer, habrás notado que no los trata correctamente. Obtendrás un feo gris de fondo donde se supone que tenía que ser transparente. Así que ¿qué podemos hacer? ¿Utilizar GIFs transparentes? No, porque solamente tienen un comportamiento "plano" (o es transparente, o no lo es, pero carece del canal Alpha que permite un "gradiente" de transparencia) y no son buenos para imágenes de altas resoluciones. ¿Utilizar JPGs creándolos con los colores predefinidos de tal forma que parezcan transparentes? No porque los navegadores a veces no muestran las imágenes en las mismas posiciones y pude "estropear" nuestra composición. ¿Entonces qué hacer? Pues un sencillo hack CSS.

Quién iba a pensar que un hack CSS pudiese arreglan un gran problema del Internet Explores, pero así es. Bueno, para se honesto realmente no se trata de un hack CSS, pero el CSS está involucrado. Realmente se trata de un archivo .htc. No entraré en el funcionamiento exacto, de echo ni siquiera lo he creado yo mismo ^_^ (aqunque si le he dado las modificaciones definitivas para que me funcione correctamente).

Lo que vas a necesitar son dos archivos. Un script HTC y un GIF transparente.

Una vez que tienes ambos archivos, súbelos al mismo directorio en el que tienes tu hoja de estilos .css. Ahora añadiremos una simple línea de código CSS y estamos listos. Añade la siguiente líne:

img {

	behavior: url(/pnghack.htc);

Ahora cualquier PNG transparente que tengas debería funcionar en IE.

Para ampliar información, aquí.

Por: Rubén Suárez Alvarez | HTML/CSS | Comentarios (0) | Referencias (0)

Comentarios

Comentar

Referencia

URL para referencias o trackbacks

Acerca de

"El trabajo tiene un peso específico dentro de la empresa. A más trabajo, más peso y por tanto más abajo estás. A menor trabajo más ligero te vuelves y más asciendes. ¿Y tú, trabajas o asciendes en tu empresa?"

rubensa