css背景位置跨瀏覽器

Question

我正在使用包含幾個按鈕及其狀態的精靈圖像。 background-position在Chrome和Edge中工作，但不在Firefox中！

小提琴：（如果你在Chrome /邊緣運行這個它的工作原理，但不是在Firefox） https://jsfiddle.net/bkgrnnmu/1/

精靈圖像的佈局：

  buttons 
     _ _ _ _ _ 
Normal: |_|_|_|_|_| 
Hover: |_|_|_|_|_| 
Click: |_|_|_|_|_| 
Dis: |_|_|_|_|_| 

我也注意到，

background-position-x 
background-position-y 

很少用到css，有沒有其他方法可以解決這個問題？

Answer 1

Firefox不支持background-position-x或background-position-y。嘗試background-position：0 0;第一個條件是x，第二個y。