您现在的位置是：网站首页> 编程资料编程资料
让Firefox未载入图片显示边框 _CSS教程_CSS_网页制作_
2021-09-08
834人已围观
简介 在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_网页制作_
- 基于css3仿造window7的开始菜单_css3_CSS_网页制作_
- css外部样式加载Link与import的区别_CSS教程_CSS_网页制作_
- 在浏览器中解析"赋予margin属性"的checkbox空白边距(IE6和FF)_CSS教程_CSS_网页制作_
- 你不知道的outerText,innerText 区别说明_CSS教程_CSS_网页制作_
- CSS 之强制换行技巧_CSS教程_CSS_网页制作_
- 谨慎使用CSS中的星号(*)通配符_CSS教程_CSS_网页制作_
- CSS样式在IE6下无效的问题解决方法_CSS教程_CSS_网页制作_
- CSS 解决未知高度垂直居中实现代码_Div+CSS教程_CSS_网页制作_
- css实现的漂亮的分页效果代码(橘黄色与蓝色)_CSS布局实例_CSS_网页制作_
