【问题标题】:Safari shows gray border around <img/>, even though image existsSafari 在 <img/> 周围显示灰色边框,即使图像存在
【发布时间】:2016-08-15 22:31:28
【问题描述】:

如上所示,下拉图像周围有一个灰色边框。那不应该在那里。我已经看到several other questions 声明是这种情况,因为无法找到或加载图像的src。但是,这里不是这样。该元素包含一个 src 标记,该标记设置为 16x16 空白 GIF。

文件 '/images/system/blank.gif' 存在,可以被 Safari 加载。在网络面板中也显示正常,如 200 - OK。

但是,这就是我猜这个错误的原因......在元素面板中,图像显示为:

我可以在 Safari 中很好地加载这张图片,在新标签页中打开它会显示为 16x16 GIF...不知道这里发生了什么。

仅供参考,这只是 Safari。 Chrome 不会在图像周围显示灰色边框。

注意:更改为透明 PNG 图像可以解决问题,但我想知道根本原因。

【问题讨论】:

  • Natural 0x0 我想你的 gif 可能有问题。不应该是至少 1x1 吗?
  • GIF 是 16x16...当我在新标签页中打开图像时,Safari 也会显示它。 Chrome 也一样...
  • 当您在页面中嵌入空白 gif 时,Safari 如何识别它?它的 mime 类型是什么?你确定你没有将该图像保存为扩展名错误的 png 吗?
  • 感谢您的建议,我删除了查询字符串参数并将其包含在页面中并且它有效。看起来它确实是具有内容类型的东西。没有向响应添加 Content-Type 标头。但是,当您包含 /images/system/blank.gif 时,Safari 会设法找出图像是什么,但如果您添加 ?v=123,它就不再这样做了。

标签: css safari


【解决方案1】:

将问题追踪到... uBlock!

uBlock 认为/images/system/blank.gif?v=12345 形式的图像是广告,并决定取消请求。快乐。

【讨论】:

    猜你喜欢
    • 2023-03-07
    • 2011-06-12
    • 1970-01-01
    • 2017-01-02
    • 2018-10-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多