2014-10-27 65 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或更大,看看是否可以解决问题。