Question

我刚注意到我的Chrome（版本60.0.3112.90（官方版本）（64位））没有显示损坏的图像。我能够在其他borwsers中看到破碎的图像。

这个html脚本显示了一个虚构的页面和图像

This line is before the broken image.
<img src="http://www.doesnotexistabc.com/missing.jpg" >
This line is after the broken image.

这是一个jsfiddle链接，你可以测试它。 https://jsfiddle.net/mxgavahr/1/

这是用户可以配置的吗？或者我的浏览器出了什么问题？

我正在使用Windows机器。我需要解决这个问题，因为我想知道开发中缺少一个图像。

Answer 1

它对我有用，可能会重置所有Chrome设置？如果不是这种情况，请使用ALT文本

Answer 2

Chrome今天也开始为我做这个。将损坏的图像视为img元素本身没有大小。声明的宽度会折叠为除了任何样式（例如边框和填充）之外的任何内容。下面的代码生成三个小方块，每个22px乘22px。

<img width="500" style="border: 1px solid #ccc; padding: 10px" src="http://www.doesnotexistabc.com/missing.jpg">
<img width="500" style="border: 1px solid #ccc; padding: 10px" src="http://www.doesnotexistabc.com/missing.jpg">
<img width="500" style="border: 1px solid #ccc; padding: 10px" src="http://www.doesnotexistabc.com/missing.jpg">

Chrome不会显示损坏的图像

2 个答案: