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

Using Javascript to change the background-position CSS - small problem

本文关键字：CSS 问题 位置 背景 Javascript 使用      更新时间：2023-09-26
这里

可能是一个简单的问题（我希望），但我的大脑刚刚停止工作。

我有这个javascript：

       value.obj.css('background-position', value.xStart + 10)

这会将我的对象在 x 方向上的背景位置更改 10。

但是，我也希望能够在 y 方向上更改位置，但数量不同（即 40）。 代码为"value.yStart + 40"

css 中的 background-position 写成 "background-position： 30 30;"。当我使用上面的javascript来更改它时，它会出现"background-position：40 50%;"，但我希望它是"background-position：40 70;"请帮忙...漫长的一天:)

我会使用：

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

好吧，不要告诉人们background-position是如何工作的，因为你弄错了。

要么使用 %，要么使用 px ：所以：

 background-position: 30px 30px;
 //or:
 background-position: 30px 30%;
 //or even:
 background-position: 30% 30%;

实际上，它必须是backgroundPosition的（所有 css 属性在 jquery 中都是驼峰大小写），在你的情况下它应该是：

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

或

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

相关文章：