使用Javascript更改CSS的背景位置-小问题

使用Javascript更改CSS的背景位置-小问题,javascript,jquery,css,Javascript,Jquery,Css,这可能是一个简单的问题(我希望如此),但我的大脑刚刚停止工作 我有一个javascript: value.obj.css('background-position', value.xStart + 10) 这会在x方向将对象的背景位置更改10 但是,我也希望能够在y方向上改变位置,但改变的数量不同(即40)。代码为“value.yStart+40” css中的背景位置类似于“背景位置:30;”。当我使用上面的javascript来更改它时,会显示“背景位置:40 50%”,但我希

这可能是一个简单的问题(我希望如此),但我的大脑刚刚停止工作

我有一个javascript:

       value.obj.css('background-position', value.xStart + 10)
这会在x方向将对象的背景位置更改10

但是,我也希望能够在y方向上改变位置,但改变的数量不同(即40)。代码为“value.yStart+40”

css中的背景位置类似于“背景位置:30;”。当我使用上面的javascript来更改它时,会显示“背景位置:40 50%”,但我希望它是“背景位置:40 70;”,请帮助。。。这是漫长的一天:)

好吧,不要告诉别人怎么工作,因为你弄错了

您可以使用
%
px
: 因此:


实际上,它必须是
backgroundPosition
(所有css属性在jquery中都是驼峰式的),在您的情况下,它应该是:

.css('backgroundPosition','30px 30px')

.css({'backgroundPosition':'30px 30px'})

我会使用:

value.obj.css({ 'background-position': (value.xStart + 10) + 'px ' + (value.yStart + 40) + 'px' });

您使用的是什么js库?您使用的是框架吗
.css(…)
对我来说并不是一个标准的JS函数。定义css属性时需要使用度量。否则,如果您有
背景位置:30浏览器不知道30是什么。是px吗?是他们吗?如果您使用的是JS框架,它可能会自动处理这个问题,但是您需要检查API文档以确定。哦,忘了提到我使用的是jQuery。这会自动处理它,使其成为px(我假设这是因为样式表中的原始数量都是px)。对不起,是的,我忘了提到“px”,但我认为这与我的问题无关,因为无论是px、em还是百分比,问题都是将两个值传递到背景位置。目前它只传递了一个(正常工作)奇怪的是,它实际上是在使用.css('background-position','30px 30px')。你是对的,我在文档中检查了这两种方式都受支持。
value.obj.css({ 'background-position': (value.xStart + 10) + 'px ' + (value.yStart + 40) + 'px' });