如何解决Firefox未实现完整样式表
| 我在Firefox上遇到了一些问题。我执行了以下规则:h1.entry-title {
font-family: \"meddon\"; color:white;
padding: 10px 0 25px 0;
margin: 0px;
background-image: url(images/backgrounds/h1.png) no-repeat bottom 0px;
}
但是在Firefox中,它无法完全显示。使用Firebug,它显示了这种样式的不完整呈现。呈现以下内容:
h1.entry-title {
color: white;
font-family: \"meddon\";
margin: 0;
padding: 10px 0 25px;
}
不知道为什么其他声明没有显示,即背景图像不存在。另请注意,填充应包含4个数字而不是3个数字。有任何想法吗?
解决方法
尝试这个
h1.entry-title {
font-family: \"meddon\";
color:white;
padding:10px 0 25px 0;
margin: 0px;
background:#fff url(\"images/backgrounds/h1.png\") no-repeat bottom }
,background-image
仅获取图像源,而不获取参数列表。您正在寻找普通的background
这是指向背景属性的链接
至于填充,3参数语法转换为上,右,左,下。四个数字的语法分别转换为上,右,下,左。因此,它正在做同样的事情。
,因为您使用了无效的background-image
值,所以样式不会显示。
至于填充,firebug在可能的情况下使用缩写:
padding: all;
padding: top/bottom left/right;
padding: top left/right bottom;
padding: top right bottom left;
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。