Firefox 没有实现完整的样式表

Question

我在使用 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 个。有什么想法吗？

Answer 1

background-image 仅采用图像源，而不是参数列表。您正在寻找简单的背景

这是背景属性的链接

至于填充，3 个参数语法翻译为 top、right &左、下。四数字语法翻译为上、右、下、左。所以它在做同样的事情。

Answer 2

试试这个

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 }

Answer 3

由于您使用了无效的 background-image 值，因此样式将不会显示。

至于填充，firebug 尽可能使用缩写：

padding: all;
padding: top/bottom left/right;
padding: top left/right bottom;
padding: top right bottom left;