w3schools tag tab page change javascript css internet-explorer-6 png transparency

tag - ¿Hay una solución de JavaScript PNG para IE6 que permita el posicionamiento en segundo plano de CSS?



title of page html (6)

Sí. Convierta sus imágenes para usar palets indexados (png256). Puede admitir transparencia (al igual que gif), pero no un canal alfa.

Puedes hacer esto usando Irfanview y el plugin pngout , pngquant o pngnq .

El equipo de rendimiento de YUI también hizo una gran presentación que abarca este y muchos otros conceptos de optimización de imágenes.

He visto algunas soluciones para permitir que las imágenes PNG tengan transparencia en Internet Explorer 6, pero aún no he encontrado una que también te permita establecer la posición de fondo en CSS. Si usas sprites, es un factor decisivo. He recurrido al uso de GIF (que no son de alta calidad), no uso imágenes transparentes o sirvo una hoja de estilo completamente diferente a IE6. ¿Existe una solución para IE6 que permita transparencias PNG Y posicionamiento en segundo plano?

Esta es una nueva técnica que surgió en el último mes más o menos. De la página:

En este script, se admiten etiquetas de imagen, tanto con y sin un GIF espaciador en blanco, como con imágenes PNG de imágenes de fondo, que se pueden posicionar y repetir, incluso si son más pequeñas que el elemento de contenido en el que se encuentran.

En realidad, puede usar CSS puro para obtener imágenes de fondo posicionado con transparencia alfa en IE6 aprovechando los filtros alfa de IE6 y la propiedad del clip CSS. Julien Lecomte describe la técnica en su blog .

Tenga en cuenta que esta técnica da como resultado un golpe de rendimiento para cada uso de un filtro alfa.

Cuando el fondo es estático, uso TweakPNG para cambiar el fragmento Color de fondo en PNG al color correcto (en lugar del color gris predeterminado). Cualquier navegador regular ignorará esto porque el canal alfa lo invalida, pero IE6 y versiones inferiores usarán ese color en lugar del canal alfa.

Esto significa que tenemos transparencia en IE7 + mientras degradamos muy bien en IE6 e inferior. Y todo el posicionamiento CSS y la repetición son posibles (¡porque no hay hacks!).