Hector se pregunta si ¿Todavía usas imágenes PNG sin optimizar? y la verdad es que deberíamos plantearnos empezar a usarlas ya que además de mejorar considerablemente la cálidad con respecto a los JPG y sobretodo a los GIF, se trata de un sistema libre sin patentes que lo aten a ninguna empresa.
El mayor problema que nos encontramos al usar estas imagenes, sobretodo con transparencias, es el uso sobre Internet Explorer 6 o inferiores, que la omite, dejando una imagen fea y muy diferente a la que realmente queremos ver. Aunque eso hoy en día ya no es un problema.
Tenemos varias soluciones para solucionar el problema, y usando el atributo behavior
de CSS (solo IE) podremos tener otra solución más para sacarnos del problema.
¿Como?
- Descargamos los ficheros iepngfix.htc y blank.gif
- Los subimos a nuestro directorio de CSS
- Añadimos el siguiente código a nuestro CSS
img { behavior: url(iepngfix.htc); }
Hemos de tener en cuenta la ruta del fichero, ya que puede variar dependiendo donde lo hayamos alojado.
¿Problemas?
Ya que navegadores como Mozilla, Opera o Safari implementan un sistema mucho mejor para mostrar los PNG’s, delegando al navegador la tarea de tratar la transparencia, y la propiedad behavior no está contemplada en la W3C, por lo tanto el código CSS no validará según los estandares.
15 comentarios, 0 referencias
+
#