Salte la navegación

Archivos Mensuales: junio 2009

Bueh, esto entra en la categoria de “solo me pasa a mi, Dio’ mio”.

Un poco de background: en un editor, mostramos un HTML pre-cargado, a modo de template. En modo publico (o sea, en el HTML comun, sin el editor) no habia problema y se veia bien. Pero en este modo “edicion”, se veia asi:

gradient_wrong

Definitivamente no era como tenia que verse :) (la imagen era un 1×1 PNG con color violeta).

La imagen estaba bien: no tenia gradiente, no tenia gama, no tenia nada raro!

Buscando un poco, me cruce con este post de StackOverflow: IE8’s rendering of transparent pngs on my site, que le pasaba algo parecido a lo que me pasaba a mi.

El ultimo parrafo me dio una idea:

I fixed the bug and it isn’t the gamma issue that is mentioned in that other post. My issue was being caused by the fact that the image is 1×1 pixel in size. I just changed it to 1×2 and it fixed the problem. Weird

“No pierdo nada con probar” — pense. En vez de hacer la imagen de 1×1, la hice de 2×2. A que no saben que?

gradient_ok

Ahora se ve bien!

Este problema SOLO lo tenia con IE8, tanto en modo compatibilidad (IE7) como en modo nativo de IE8. No pasaba con Firefox, Chrome o Safari.

Lo publico porque tal vez a alguien mas le ayude :-)

Seguir

Get every new post delivered to your Inbox.