css фоновое изображение работает только в Chrome и Safari?

Question

Эй, ребята, я не могу найти ответ.

body {
    background: #fff url('images/years.png') no-repeat top 85%;
}

Почему это фоновое изображение работает в Chrome и Safari, но не в Firefox и т. Д.?Есть идеи, что может вызвать такое поведение?

Кажется, что background-position вызывает ошибку!Лучшие 85% работают в Chrome и Safari, но не в IE и Firefox!

Answer 1

Ваше положение фона не логично.Вы должны написать 85% top (X, затем Y).Я знаю, что top не может определить позицию X, и Chrome / Safari, вероятно, это выяснит, но Firefox / IE этого не понимает.

Answer 2

Видимо, им не нравится компактный синтаксис.Использование:

background-color: #fff;
background-image: url('images/years.png');
background-position: top 85%;