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 числа, а не три. Есть идеи?

Answer 1

background-image принимает только источник изображения, а не список параметров.Вы ищете просто background

Вот ссылка на свойство фона

Что касается заполнения, синтаксис с 3 параметрами переводится в верхний, правыйслева внизуСинтаксис четырех чисел переводится сверху, справа, снизу, слева.Так что он делает то же самое.

Answer 2

, поскольку вы использовали недопустимое значение background-image, стиль не будет отображаться.

Что касается заполнения, firebug использует сокращения, когда это возможно:

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

Answer 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 }