css - 图标在 Internet Explorer 中看不清楚,分辨率降低

标签 css image internet-explorer icons png

我是新的网络开发人员和设计师,我使用了一些 icons.png 作为下拉按钮,它在 Firefox 和 Chrome 中清晰可见,但 IE 不支持。

在IE中显示如下:

但实际图像是:(Firefox 和 chrome 显示正常)

enter image description here

图片使用的html代码:

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

最佳答案

如果您可以分享您的工作(URL 或 JSFiddle),就可以让您确切知道问题所在。

在我看来,两者看起来都很像素化,这可能是因为您的实际图像小于 16px x 16px,这将导致这种情况。 IE 通常会处理得更糟,这可能是您得到此结果的原因。

尝试将您的图片设为 16px x 16px 或更大,看看是否能解决问题。

关于css - 图标在 Internet Explorer 中看不清楚,分辨率降低,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26584638/

相关文章:

css - 如何让 Jekyll 中的代码换行?

html - 隐藏和显示按钮首先需要是 "show"

在页脚中对齐文本和图像的 Css 问题

html - IE6 : How to get inline base64 images to work with IE6?

jquery - HTML5 视频不能在 IE 中在线播放,但可以离线播放

javascript - CSS:当我更改背景图像 url() 时,它不再遵循背景大小:包含直到我调整 h&w 大小

css - 响应 View 中的 Bootstrap 3 面板

angular - Hover:scale-125 不适用于 Tailwind CSS 的图像

c# - 像这样将图像添加到 WPF 中的 ListView ...?

.net - Internet Explorer - 如何转义单引号