无法使用 jQuery 更改背景位置

Can't change background-position with jQuery

我有一个正文元素:

<body id="body" class="watermark">

Css class "watermark" 是:

.watermark { background-image: url('/assets/images/watermark.png');
             background-repeat: repeat; 
             background-position: -250px 850px; }

在某些情况下我需要更改背景位置:

<script>   
   $( document ).ready(function() {
       $("#body").css = ('backgroundPosition','-250px 50px');
   });      
</script>

但这不起作用。我已经尝试了 backgroundPositionbackground-position,但 body 元素仍然保持在 css 中定义的原始背景位置值。控制台没有错误。我做错了什么?

您需要使用:

$('#body').css('background-position', '-250px 50px');

$('#body').css('backgroundPosition', '-250px 50px');
$('#body').css('background-position', '-250px 50px');