Что делать с background-position-x (-y) в Firefox и Opera?

Question

[ChillyProud]

Столкнулся с тем, что эти браузеры не поддерживают эти свойства. Как быть?

Comments

[ChillyProud]

мне это надо для красивой анимации средствами jQuery

jqFormButton.animate({
  'background-position-x': '-80px'
}, 500, 'linear')

Answer 1

[Vitaliy Petrychuk]

Так

background-position: x y;

Или используя JS (пропарсить и сохранить одну из координат, а вторую изменить)

Comments

[Сергей Протько]

В любом случае стандартными средствами jQuery анимировать фон не выйдет, зато есть плагин для этого

Answer 2

[pxx]

1. Свойство background-position-x является нестандартным и не входит в спецификацию CSS.
2. Only properties that take numeric values are supported (e.g. backgroundColor is not supported).

Гугл намекает, что есть jquery.backgroundPosition плагин, который умеет анимировать background-position. Его оффсайт мертвый, но можно украсть его например отсюда из демо. Ну а дальше что-то типа:

var bp = element.css('background-position');
var bpSecondPart = bp.slice(bp.indexOf(' '));
element.animate({
	backgroundPosition: '-80px' + bpSecondPart
}, 500);

Comments

[pxx]

2 — про jQuery.animate