【问题标题】: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 将不支持比原始尺寸更小或更大的图像尺寸。如果我们从htmlcss 调整图像大小,那么图像质量将从IE 降低,所以我们必须按原样显示图像大小,那么只有分辨率问题才能得到解决。

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

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2023-04-10
        • 1970-01-01
        • 1970-01-01
        • 2016-05-22
        • 1970-01-01
        相关资源
        最近更新 更多