Question

我正在尝试仅使用一个div容器堆叠背景图像，并确保它们的位置与屏幕高度相关。问题是我似乎无法改变逗号分隔的CSS值。以下是我逻辑上认为它会起作用的方式。

 jQuery(document).ready(function() {
    windowHeight = window.innerHeight;
    jQuery("#home-bg.bg-1").css('background-position-y', '0, ' + windowHeight);
});

Answer 1

你应该在最后添加px：

jQuery("#home-bg.bg-1").css('background-position', '0, ' + windowHeight+'px');

Answer 2

background-position-y只需要一个值。它不应该以逗号分隔。您可能会对background-position感到困惑，x会带有两个值，y和jQuery(document).ready(function($) { windowHeight = window.innerHeight; $("#home-bg.bg-1").css('background-position-y', windowHeight); });位置。

试试这个：

{{1}}

Answer 3

您应该使用background-position并设置两个值。不要使用background-position-y。请参阅here why。

如果您仍想使用它，则必须删除0,，因为background-position-y只需要 1 参数，并且不要忘记添加{{ 1}}到值。

如何用Jquery.css方法更改逗号分隔的css值？

3 个答案: