您现在的位置是：网站首页> 编程资料编程资料

让Firefox未载入图片显示边框 _CSS教程_CSS_网页制作_

2023-10-30 140人已围观

简介在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可真难表达......)

上一篇：HTML+CSS3 模仿Windows7 桌面效果 _css3_CSS_网页制作_

下一篇：IE6 select z-index无效，遮挡div bug的解决方法_CSS教程_CSS_网页制作_

您现在的位置是：网站首页> 编程资料编程资料

让Firefox未载入图片显示边框 _CSS教程_CSS_网页制作_

相关内容

点击排行

本栏推荐

猜你喜欢