无法使用 jQuery 更改背景位置

Question

我有一个正文元素：

<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>

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

Answer 1

您需要使用：

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

或

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

Answer 2

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

无法使用 jQuery 更改背景位置

Can't change background-position with jQuery

javascript

css

jquery

background-position