教你一招：无法显示的图片，任何情况下都显示断裂图标！

Firefox对无法读取的图片，并且源代码没有设定图片 WIDTH、HEIGHT和包含ALT属性,是不会显示断裂图标的！ 导致浏览者很难发现有图片没有读取出来。

解决方法：

编辑配置目录下的文件chrome\userContent.css

加入以下代码！

@-moz-document url-prefix(http), url-prefix(file) {
img:-moz-broken{
-moz-force-broken-image-icon:1;
width:24px;
height:24px;
}
}

Firefox 3.1b2下测试通过！！

既然找不到图片又如何根据原来图片的大小来确定断裂图标的大小。。

这个是把不能显示的图片用固定大小断裂图标显示的, 有没有办法可以根据原来图片的大小来确定断裂图标的大小呢?

umi：以前好像沒這個問題啊
這是最近才出現的BUG嗎?回到原帖

一直都有，也不叫bug啦。
因为很多图片写了alt但是却是alt='',导致浏览者无法发现有未显示图片。

ferret：我记得这段代码好像有个小bug的。。导致我后来把它删了。回到原帖

我所知道的就是：如果图片无法显示，对应图片ALT里的文字无法显示出来。
还有其他Bug？？

莒荇：举手！捉住一只虫子！
我把lz的代码放到userContent.css最上面后，发现这段代码以下的其他代码都失效了。再仔细一看，原来lz少写了一个}……
正确的代码：

/*未载入图片显示断裂标志*/
@-moz-document url-prefix(http), url-prefix(file) {
img:-moz-broken{
-moz-force-broken-image-icon:1;
width:24px;
height:24px;
}
}

回到原帖

呵呵！已经修正。

以前好像沒這個問題啊
這是最近才出現的BUG嗎?

我记得这段代码好像有个小bug的。。导致我后来把它删了。

呵呵，确实是少了一个花括号！

举手！捉住一只虫子！
我把lz的代码放到userContent.css最上面后，发现这段代码以下的其他代码都失效了。再仔细一看，原来lz少写了一个}……
正确的代码：

/*未载入图片显示断裂标志*/
@-moz-document url-prefix(http), url-prefix(file) {
img:-moz-broken{
-moz-force-broken-image-icon:1;
width:24px;
height:24px;
}
}

这个有用，谢谢了。。。

收下了！
感谢LZ！