如何使用jquery.css（）更改背景位置

Question

我有以下css描述，其中2个不同的精灵图像将左右显示：     #username {background-position：2px 2px，500px 6px！important;}

现在我想使用jQuery来改变右精灵图像的位置，例如改为300px 6px。

$("#username").css({background-position: 2px 2px, 300px 6px !important});

这个没有用。

我想知道如何写它。 谁能帮帮我？

任何帮助都会很棒。

提前多多感谢！

Answer 1

您忘记将value包裹在quotes中，而backgroundPosition为对象

$("#username").css({backgroundPosition: '2px 2px 300px 6px'});
                              ^          ^                ^

或

$("#username").css({'background-position': '2px 2px 300px 6px'});

Answer 2

在javascript对象中，您不应该使用破折号。相反，像你这样来管理你的属性：

$("#username").css({backgroundPosition: '2px 2px 300px 6px'});

Answer 3

尝试

$("#username").css('background-position', '2px 2px, 300px 6px !important');

或

$("#username").css('background-position', '2px 2px, 300px 6px');

希望这有帮助。