让Firefox未载入图片显示边框

当前位置 : 首页 > 网页制作 > CSS > 让Firefox未载入图片显示边框

让Firefox未载入图片显示边框

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

下面就是解决Firefox未载入图片不显示的解决办法:
1.下载Stylish插件
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可真难表达......)

Tag:
网友评论

<