jQuery returns css 以百分比表示的背景位置，当它在字符串中设置时

Question

我在多个背景下使用它。

在我的脚本中，我设置了背景位置的值，如下所示：

$this.css("background-position", "center " + value1 + "px,  center " + value2 + "px,  center" + value3 + "px,  center" + value4 );

value1 到 value4 是整数，用于定义图像在用户滚动页面时的位置。

令我困惑的是，如果我尝试在控制台中打印这些值，它们会以百分比值 returned，既没有 "px" 也没有 "center" 指示：

console.log( $this.css("background-position") )

return是这样的：

50% 100%, 50% 0%, 50% 100%, 50% 0%

为什么 $this.css("background-position") 没有 return 进入 css 的正确字符串？我在 Firefox 和 Chrome 上都试过了，结果是一样的。

Answer 1

看起来您在 'center' 之后缺少几个空格，最后缺少最后一个 'px' 字符串。

试一试。

$this.css("background-position", "center " + value1 + "px,  center " + value2 + "px,  center " + value3 + "px,  center " + value4 + 'px' );