让Firefox 3.6 显示无效图片

来源：互联网发布：南风知我意1百度云编辑：程序博客网时间：2024/06/06 01:44

如果页面上图片地址无效，将无法加载图片，在IE，Chrome下会显示一个红叉或者破图的占位图片，而在Firefox（version3.6，其他version没测试）下，将显示一片空白。

这在浏览一般网页时可能比较友好，但是对于我们开发人员进行Debug却不太方便，不太容易发现页面的问题。有什么方法让Firefox也显示这样一个占位图片呢？

网上有说使用：about:config 打开配置，并将 browser.display.show_image_placeholders 设置为ture。但是我试过并未成功。

这里找到一种方法解决了此问题：

在C:\Documents and Settings\你的用户名\Application Data\Mozilla\Firefox\Profiles\xxxx.default\chrome 目录下（对应window xp。window 7下应该是类似的目录）

添加一个名称为userContent.css的样式文件，内容为（width，height可自定义）：

/*    *显示缺失图像占位符    */    @-moz-document url-prefix(http), url-prefix(file)    {    img:-moz-broken    {      -moz-force-broken-image-icon: 1 !important;      width: 24px;      height: 24px;    }   }