Firefox显示未载入的图片设置方法

Update:感谢566同学的提醒,只要打开Firefox的about:config,搜索browser.display.show_image_placeholders然后双击改成true就可以了.

在IE中,未载入的图片显示一个红叉,而在Firefox里面,未载入的图片不仅什么提示都没有,甚至连图片所占用的宽和高都去掉了!这对用户比较友好,但是对于网页开发者来说有点不爽…

下面就是解决Firefox未载入图片不显示的解决办法:

1.下载Stylish插件 https://addons.mozilla.org/zh-CN/firefox/addon/2108/

2.安装并重启Firefox后,可以看到状态栏右侧有一个有S字母的灰色长方形图标,在此图标上面点右键选择 [编写新样式]–>[空白样式]

3.在弹出的[新样式]窗口中,名称随便写,下面的textarea中写入下列代码:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(http), url-prefix(file){
    div[class="postmessage defaultpost"] { overflow: visible !important;}
    img:-moz-broken{
        -moz-force-broken-image-icon:1;
        width:24px;
        height:24px;
    }
}

最后点击保存就会实现未载入图片有边框显示并占用一定位置了