2009-03-25 2 views
8

IE6 e IE7 non ridimensionano le immagini correttamente nelle pagine Web quando le immagini vengono ridimensionate con larghezza/altezza css o larghezza/altezza degli attributi. Non sono sicuro di quale algoritmo usi per impostazione predefinita, ma non è buono.Come è possibile rendere le immagini ridimensionate con css in bell'aspetto in IE?

Le immagini scalate mostrano artefatti di aliasing quando vengono ridimensionati in questi browser.

+0

Questa è una domanda reale? Hai postato la risposta 2 secondi dopo la domanda. –

+0

crescentfresh: Va bene chiedere e rispondere alla tua domanda se l'informazione non era sul sito prima. È meglio che va bene, è incoraggiato. Condividi la conoscenza. –

+0

Pensavo che la comunità avrebbe considerato questo come un prostituta Rep. Per la cronaca, non sono io quello che è stato considerato offensivo. Mi è piaciuta la risposta (ma né quotata né downvoted). –

risposta

9

Fortunatamente c'è un modo per forzare IE7 di utilizzare l'algoritmo ridimensionamento bicubico (che sembra molto bello) con un semplice regola CSS:

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

I risultati sono ottimi, e può essere fatto a livello di sito con questa singola regola.

Per IE6 siete sfortunati per quanto ne so.

+0

Non capisco cosa offenda. Chiedere e rispondere alla tua domanda è una pratica che è incoraggiata su SO. Cosa preferiresti fare a qualcuno, mantenere le loro conoscenze per se stessi? – tvanfosson

+0

Funziona solo su IE7 +, non su 6. – bobince

+0

Grazie! Ho chiesto e risposto alle mie q per CONDIVIDERE LA CONOSCENZA e le persone mi hanno modificato :( Le istruzioni SO specificano specificamente che è OK farlo, altrimenti non lo farei. Grazie per la nota su IE6, penso di aver dimenticato quella nugget.To modificherò la risposta orig. – apinstein