Cristian in CSS, Photoshop
July 5, 2008
Gif’s transparentes en IE6
Maquetando proyectos comerciales siempre nos aseguramos de que son compatibles con todos los navegadores. Yo personalmente testeo los entregables en Safari, Firefox, Opera en MacOs y Safari, Firefox, IE7 e IE6 en Windows… eso son un monton de navegadores instalados.
Afortunadamente si haces las cosas como se tienen que hacer el único navegador que te traerá quebraderos de cabeza es IE6.
Pues bien, hoy estaba delante de unos de esos bugs estúpidos de IE6, debido a que uso un modificador del compartimiento del navegador (pngfix.htc) para que se puedan renderizar correctamente las transparencias.
Este modificador del comportamiento, pese a que es genial e indispensable, tiene algunas limitaciones y hoy para solventar una de ellas necesitaba substituir el png transparente original por una versión de la imagen en gif sólo para IE6.
Al sacar la versión del png en gif por photoshop el resultado ha sido el de siempre, desastroso, he probado por probar por que por experiencia ya sabía que el renderizado que da a la imagen es un estropicio.
Entonces Sergio ha venido con un truco de la old school del que nunca había oído a hablar.
Cuando exportas la imagen para web, seleccionas gif, transparencia y en mate le copias el color de fondo en el que se supone que se asentará la transparencia; el color de fondo es un aproximado.
Este pequeño truco arregla los bordes rotos blancos que normalmente saca el gif y lo deja casi a la altura del png.
Me ha sorprendido, aunque afortunademente no creo que deba usarlo mucho.
