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仅采用图像源，而不是参数列表。您正在寻找简单的background

Here's a link to the background property

对于填充，3参数语法转换为top，right＆amp;左，下。四个数字语法转换为顶部，右侧，底部，左侧。所以它正在做同样的事情。

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;

Firefox未实现完整样式表

3 个答案: