在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;
}
}
最后点击保存就会实现未载入图片有边框显示并占用一定位置了(TNND可真难表达……)
