2014-07-16 82 views
5

Bir div içinde bir resmim var. Div genişliği ve yüksekliği üçüncü bir javascript denetimi "smoothZoom" tarafından kontrol edilir, IE dışında tüm tarayıcılarda bir tedavi çalışır. IE8, denetimi düzgün bir şekilde oluşturmaz (javascript'in bir yere düştüğünü düşünün) ancak bu şu an için önemli değil, ana görüntüyü kötü görüntüleyen (pikselli) tüm IE sürümleri.Resim Kalitesini Zayıflatıyor IE 11 - Firefox'ta Güzel, Chrome, Opera ve Safari

Div nedenimiz, ana resmin üstündeki koordinatlar olarak ayarlanmış her stil "üst" ve "sol" ile div yan yana bir ana görüntü (yapının yerleşimi) ve birkaç nokta (tekrar görüntüler) var.

yani .:

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

Ben pikselli görüntü ve belirsiz metin ve ince çizgiler ile IE dışındaki tüm tarayıcılarda gayet iyi çalışıyor söylediği gibi.

DÜZENLEME: SmoothZoom, görüntüyü değil div denetler eklemeliyim.

cevap

0

Bunu denemek için elimde IE 11 yok, ancak CSS'nizde -ms-enterpolasyon modu: bicubic ayarlamayı deneyin ve bunun herhangi bir etkisi olup olmadığını görün.

DÜZENLEME: Bunun yalnızca IE7'de desteklendiği anlaşılıyor. IE'nin artık görüntülerin düzgün ölçeklenmesini desteklemediği görülüyor.

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

İlgili konular