css - 背景图像在 Firefox 中的位置不正确，但在 chrome 中是正确的

Question

我的内容容器中的背景图像阴影有问题。在 Chrome 中是正确的背景位置，但在 Firefox 中是错误的。

这是我的测试站点：http ://www.behringer-mauch.de/Tischler_Hehmann/index.php

我希望有人有想法。

Answer 1

CSS 规范中未批准 x 和 y 的单独背景位置，因此

background-position-x: 80%;
background-position-y: bottom;

可能适用于 Chrome，但不适用于其他浏览器。

http://www.w3.org/TR/css3-background/#background-position

Answer 2

对 mozilla firefox 使用前缀 -moz-。

基于 Webkit 的浏览器示例 -webkit-linear-gradient(Chrome)

-moz-linear-gradient火狐浏览器