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;