css背景图片只在chrome和safari工作？

Question

嘿伙计们， 我找不到答案。

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

为什么这个背景图片在chrome和safari中工作但在firefox中没有？ 什么可能导致这种行为？

看起来背景位置导致了这个错误！前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%;