css background-positionクロスブラウザ

Question

私は、状態を持ついくつかのボタンを含むスプライトイメージを使用しています。 ChromeとEdgeではbackground-positionが動作していますが、Firefoxでは動作していません！

フィドル：（あなたはそれが動作クローム/エッジではなく、Firefoxでこれを実行する場合） https://jsfiddle.net/bkgrnnmu/1/

スプライト画像のレイアウト：

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

私も

ことに気づきました

background-position-x 
background-position-y 

はほとんど使用されていませんが、これを解決する他の方法はありますか？

Answer 1

Firefoxは、背景位置-xまたは背景位置-yをサポートしていません。バックグラウンド位置を試してください：0 0;最初の条件はx、2番目のyです。