html - 如何使用 CSS 在 IE 和 chrome 上隐藏 "image not found"图标

Question

我的页面上有一些图片。

默认情况下，如果给定的图像不可用，则会在 Chrome 和 IE 上显示损坏的图像指示器。

在这种情况下，我希望不显示任何内容，只显示替代文本。有什么方法可以使用 CSS 来处理它。

Answer 1

使用javascript

<img src="broken.png" onerror="this.style.display='none'"/>

编辑:添加了可处理所有图像的小片段。

$("img").error(function(){$(this).hide();});

示例:http://jsfiddle.net/Va2Wd/