2009-03-25 22 views
8

IE6 e IE7 no escalan las imágenes muy bien en las páginas web cuando las imágenes se cambian con ancho/alto de css o ancho/alto de atributo. No estoy seguro de qué algoritmo usa por defecto, pero no es bueno.¿Cómo se puede hacer que las imágenes redimensionadas con CSS se vean bien en IE?

Las imágenes escaladas muestran artefactos de alias cuando se escalan en estos navegadores.

+0

¿Es esta una verdadera pregunta? Publicaste la respuesta 2 segundos después de la pregunta. –

+0

crescentfresh: está bien que preguntes y respondas tu propia pregunta si la información no estaba en el sitio antes. Es mejor que bien, es alentador. Comparte el conocimiento. –

+0

Pensé que la comunidad consideraría esto como una prostituta de Rep. Para el registro, yo no soy el que marcó como ofensivo. Me gustó la respuesta (pero ni votaciones ni votaciones negativas). –

Respuesta

9

Afortunadamente hay una manera de forzar a Internet Explorer 7 para utilizar el algoritmo de escala bicúbica (que se ve muy bien) con una simple regla de CSS:

img { -ms-interpolation-mode: bicubic; } 

Los resultados son excelentes, y que se pueden hacer en todo el sitio con esta sola regla.

Para IE6 no tiene suerte hasta donde yo sé.

+0

No entiendo lo que es ofensivo al respecto. Hacer y responder a su propia pregunta es una práctica que se fomenta en SO. ¿Qué preferirías que alguien hiciera, guardar sus conocimientos para sí mismos? – tvanfosson

+0

Solo funciona en IE7 +, no en 6. – bobince

+0

¡Gracias! He estado preguntando y respondiendo mis propias q's para COMPARTIR CONOCIMIENTO y la gente me ha estado modificando :( Las instrucciones SO dicen específicamente que está bien hacer esto, de lo contrario no tendría. Gracias por la nota sobre IE6, creo que olvidé esa pepita. Editaré la respuesta original. – apinstein

Cuestiones relacionadas