2014-10-27 66 views
1

我是新的Web開發人員和設計師,我使用了一些icons.png作爲下拉按鈕,在Firefox和Chrome中清晰可見,但IE不支持。圖標在Internet Explorer中清晰可見,分辨率降低

它示出了這樣的在IE中:

但實際圖像是:(Firefox和鉻顯示器細),用於圖像

enter image description here

使用了HTML代碼:

<img id="arrow_up" src="images/up_arrow.png" height="16" width="16"/> 

回答

1

Internet Explorer將不支持原始大小較小或較大的圖像大小。如果我們從htmlcss調整圖像大小,那麼圖像質量將會從IE中減少,因此我們必須按照原樣顯示原始圖像大小,然後僅解決分辨率問題。

<img id="arrow_up" src="images/up_arrow.png"/> // now image size is 20x20 
1

如果您可以分享y我們的工作(URL或JSFiddle)可以讓您確切地知道問題可能是什麼。

這兩個看起來像pix-elated,可能是你的實際圖像小於16px x 16px這將導致這一點。 IE通常處理這些更糟,可能是你爲什麼得到這個結果。

嘗試使您的圖像16px x 16px或更大,看看是否可以解決問題。