Estoy optimizando mi sitio para estos monitores de mayor resolución (especialmente el nuevo iPad). Tengo el sitio formateado de la manera que quiero, y solo estaba aumentando la resolución de cada imagen, pero aún lo restringía a los DIV que tengo actualmente. Por ejemplo, tengo una imagen con una resolución de 483x246 y la tengo ajustada a una DIV con un tamaño de conjunto de 188x96.Imagen de alta resolución IE Navegador Rendering
Las imágenes se ven muy bien en Chrome, Firefox y, lo más importante, en el nuevo iPad. Incluso acercó el zoom, es agradable y nítido (a diferencia de mi antigua imagen de 188x96 que se veía borrosa y pixelada cuando se amplía)
El problema aparece cuando abro la página en IE. Muestra la imagen con el tamaño correcto pero es irregular. Ver enlace a la comparación a continuación. Sé que es un problema con la forma en que IE cambia el tamaño y genera imágenes sobre la marcha.
Mi pregunta sería, ¿hay alguna manera de hacer que IE muestre la imagen correctamente? Si no, ¿hay alguna manera de poner el código para que, si detecta IE, muestre mi vieja imagen de baja resolución? He buscado en todas partes pero no he encontrado nada que se relacione con mi problema específico. Sé que este es un pequeño ejemplo, pero mis imágenes más grandes hacen lo mismo y son más perceptibles. Espero que todos puedan ayudar. Gracias. :)
Comparación:
Gracias! Eso funcionó, pero para versiones anteriores de IE. IE 9 todavía muestra imágenes dentadas. :(Bueno, tendré que echarle un vistazo al guión. De hecho, parece interesante. Gracias de nuevo. – djcloud23
¿Te importaría enviarme un enlace del ejemplo? Estoy seguro de que podemos solucionarlo ... también te tenemos ¿Ha comprobado que su IE9 no está en modo IE7 o IE8? Pulse F12 y luego haga clic donde dice Modo de navegador: IE ... – hcharge