Ridimensionamento della qualità dell'immagine scarso in IE 11 - Fine in Firefox, Chrome, Opera e Safari

Question

Ho un'immagine all'interno di un div. La larghezza e l'altezza del div sono controllate da un controllo javascript di terze parti "smoothZoom" che funziona bene in tutti i browser tranne IE. IE8 non esegue correttamente il rendering del controllo (pensa che javascript si blocca da qualche parte) ma non è importante in questo momento, sono tutte le versioni di IE in alto che visualizzano l'immagine principale in modo errato (pixel).

La ragione di div è che abbiamo una sola immagine principale (il layout di costruzione) e diversi punti (ancora una volta le immagini) all'interno di div fianco a fianco con ogni stile "top" e "sinistra" impostato come coordinate sopra l'immagine principale.

cioè .:

<div> 
    <img src="\mainimage.png"/> 
    <img style="top: 310px; left: 1675px; width: 50px; height: 50px;" src="/Images/dot.png" data-id="2"> 
</div> 

Come ho già detto funziona bene in tutti i browser tranne IE immagine sgranata e il testo poco chiaro e le linee sottili con.

MODIFICA: Dovrei aggiungere il controllo smoothZoom non div l'immagine.

Answer 1

Non ho IE 11 a disposizione per provare questo, ma provare l'impostazione -ms-interpolation-mode: bicubic nel CSS e vedere se questo ha qualche effetto.

MODIFICA: Sembra che questo sia supportato solo in IE7. Non sembra che IE supporti più il ridimensionamento graduale delle immagini.

https://social.technet.microsoft.com/Forums/ie/en-US/e800cbaf-a539-43ba-b5f9-1d29fe709ddc/the-awful-internet-explorer-image-renderengine?forum=ieitprocurrentver