css background-position cross browser

Ich verwende ein Sprite-Bild, das mehrere Schaltflächen mit ihrem Status enthält. Hintergrund-Position funktioniert in Chrome und Edge aber nicht in Firefox!css background-position cross browser

Fiddle: (Wenn Sie diese in Chrome/edge laufen funktioniert es, aber nicht in Firefox) https://jsfiddle.net/bkgrnnmu/1/

Das Layout des Bild Sprite:

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

Ich habe auch bemerkt, dass

background-position-x 
background-position-y

wird selten verwendet css, gibt es eine andere Möglichkeit, dies zu lösen?

Quelle

2016-07-11 Jens Sterckx

Welche Version von Firefox? Siehe [Support-Tabelle] (http://caniuse.com/#feat=background-position-x-y). – showdev

Mögliches Duplikat von [Hintergrund-Position-y funktioniert nicht in Firefox (über CSS)?] (Http://stackoverflow.com/questions/14844407/background-position-y-doesnt-work-in-firefox-via -css) – showdev

Firefox unterstützt keine Hintergrundposition-x oder Hintergrundposition-y. Versuchen Sie Hintergrundposition: 0 0; erste Bedingung ist x, zweites y.

Quelle

2016-07-11 18:38:06 Vcasso

css background-position cross browser

Antwort

Verwandte Themen