Firefox、Opera 不支持 background-position-x, background-position-y 的解决办法

今天写 CSS 的时候发现 background-position-x, background-position-y 设置之后 IE, Chrome, Safari 都没有问题，但是在 Firefox 和 Opera 下没有效果，结果 Google 一下发现这两个 CSS 属性 Firefox、Opera 不支持，解决办法就是改成设置 background-position 属性。

比如你现在的 CSS 代码是：

background-position-x: 10px;
background-position-y: 20px;

那只需要改成：

background-position: 10px 20px;

就能同时兼容这几个浏览器了！