【问题标题】:icons not visible clearly in internet explorer, resolution gets redused图标在 Internet Explorer 中不清晰可见,分辨率降低
【发布时间】:2014-10-27 09:39:09
【问题描述】:
我是新的网络开发者和设计师,我使用了一些icons.png作为下拉按钮,它在Firefox和Chrome中清晰可见,但IE不支持。
它在 IE 中显示如下:
但实际图像是:(Firefox 和 chrome 显示正常)
图片使用的html代码:
<img id="arrow_up" src="images/up_arrow.png" height="16" width="16"/>
【问题讨论】:
标签:
css
image
internet-explorer
icons
png
【解决方案1】:
如果您可以分享您的工作(URL 或 JSFiddle),则可以让您确切知道问题所在。
在我看来,两者都像像素一样,可能是您的实际图像小于 16 像素 x 16 像素,这会导致这种情况。 IE 通常会处理这些问题,这可能就是您得到此结果的原因。
尝试将图像设置为 16 像素 x 16 像素或更大,看看是否能解决问题。
【解决方案2】:
Internet Explorer 将不支持比原始尺寸更小或更大的图像尺寸。如果我们从html 或css 调整图像大小,那么图像质量将从IE 降低,所以我们必须按原样显示图像大小,那么只有分辨率问题才能得到解决。
<img id="arrow_up" src="images/up_arrow.png"/> // now image size is 20x20