如何使用CSS隐藏IE和Chrome上的"图像未找到"图标

Question

我的页面上有一些图像.

默认情况下,如果给定的图像不可用,则Chrome和IE上会显示损坏的图像指示符.

我想要什么都不显示,但在这种情况下是替代文字.有没有办法使用CSS处理它.

Answer 1

使用javascript

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

编辑:添加了将处理所有图像的小snipet.

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

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

Answer 2

尝试设置alt=" "为空字符串，如果找不到图像，则只有一个空格。