Почему не отображается background в Mozzila?

Question

[Capitan_S]

Собственно код:

background-blend-mode: luminosity;
background:
    url("../img/bg-header.png") center top repeat-x,
    -moz-linear-gradient(top, #459fcc 0%, #efecec 570px);
background:
     url("../img/bg-header.png") center top repeat-x,
     -webkit-linear-gradient(top, #459fcc 0%, #efecec 570px);
background:
     url("../img/bg-header.png") center top repeat-x,
     linear-gradient(top, #459fcc 0%, #efecec 570px);

Background отображается в других браузерах и не отображается в Mozzile.

Если оставить только:

background:
    url("../img/bg-header.png") center top repeat-x,
    -moz-linear-gradient(top, #459fcc 0%, #efecec 570px);

в этом случае, в Mozzile все отображается нормально.
Где зарыта ошибка?

Answer 1

[Евгений Петров]

Потому, что синтаксис у вас неверный.
linear-gradient(to top, #459fcc, #efecec 570px)

Comments

[Capitan_S]

Спасибо. Не правильно понял статью на mdn о том, что "to" можно пренебречь.
Исправление "top" на "to bottom" все подправило.
linear-gradient(to bottom, #459fcc, #efecec 570px).

Answer 2

[ultrbi4]

background-blend-mode: luminosity;
background:
    url("../img/bg-header.png") center top repeat-x,
    linear-gradient(top, #459fcc 0%, #efecec 570px);
background:
     url("../img/bg-header.png") center top repeat-x,
     -webkit-linear-gradient(top, #459fcc 0%, #efecec 570px);
background:
     url("../img/bg-header.png") center top repeat-x,
     -moz-linear-gradient(top, #459fcc 0%, #efecec 570px);

Comments

[Kir ---]

Нельзя так делать. Без префиксное значение должно быть последним.

[Евгений Петров]

Kir ---: Не имеет практического значения. Модуль по обработке один и тот же.

[Kir ---]

Евгений Петров: pepelsbey.net/pres/pre-fixes

[Евгений Петров]

Kir ---: Каждый раз вижу ссылку на старую лекцию. Проверить вам религия мешает?
jsfiddle.net/qgxbhfxb

[Kir ---]

Евгений Петров: похоже вы не понимаете сути статьи, а не устаревший пример. Ну я вас по тостеру помню, водится такой грешок.

[Евгений Петров]

Kir ---: Вы можете продемонстрировать любой пример, который говорит о том, что для получения визуального эффекта используются разные модули?
Пример, в котором перестановка правил изменяет результат.

[Евгений Петров]

Kir ---: О каком грешке вы говорите? Я вас не понимаю.
Если бы это было обсуждение, то я бы задал такие вопросы:

1. Утверждая, что порядок перечисления префиксных и безпрефиксных правил имеет значение, мы тут же соглашаемся, что в браузере единомоментно существует и экспериментальная версия модуля, ответственного за формирование чего-либо, и финальная, обкатанная и работающая с безпрефиксными правилами.
Где я мог бы прочесть про это от ответственных сотрудников вендоров?

2. Предполагая, что такие модули одновременно существуют в одном релизе и каждый из них работает со своей формой записи правила, как именно реализован процесс парсинга CSS и построения CSSOM? Будет ли иметь префиксная форма для вызова экспериментального модуля такой же приоритет, как и безпрефиксная форма, использующая финальную версию модуля?
Где я мог бы прочесть про это от ответственных сотрудников вендоров?

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