如果页面上图片地址无效,将无法加载图片,在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;
}
}