我是新的Web开发人员和设计师,我使用了一些icons.png作为下拉按钮,在Firefox和Chrome中清晰可见,但IE不支持。图标在Internet Explorer中清晰可见,分辨率降低
它示出了这样的在IE中:
但实际图像是:(Firefox和铬显示器细),用于图像
使用了HTML代码:
<img id="arrow_up" src="images/up_arrow.png" height="16" width="16"/>
我是新的Web开发人员和设计师,我使用了一些icons.png作为下拉按钮,在Firefox和Chrome中清晰可见,但IE不支持。图标在Internet Explorer中清晰可见,分辨率降低
它示出了这样的在IE中:
但实际图像是:(Firefox和铬显示器细),用于图像
使用了HTML代码:
<img id="arrow_up" src="images/up_arrow.png" height="16" width="16"/>
Internet Explorer将不支持原始大小较小或较大的图像大小。如果我们从html
或css
调整图像大小,那么图像质量将会从IE中减少,因此我们必须按照原样显示原始图像大小,然后仅解决分辨率问题。
<img id="arrow_up" src="images/up_arrow.png"/> // now image size is 20x20
如果您可以分享y我们的工作(URL或JSFiddle)可以让您确切地知道问题可能是什么。
这两个看起来像pix-elated,可能是你的实际图像小于16px x 16px这将导致这一点。 IE通常处理这些更糟,可能是你为什么得到这个结果。
尝试使您的图像16px x 16px或更大,看看是否可以解决问题。