无法使用jQuery更改背景位置

时间:2015-02-27 11:57:52

标签: javascript jquery css background-position

我有一个body元素:

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

Css课程&#34;水印&#34;是:

.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中定义的orginial背景位置值。控制台没有错误。我做错了什么?

2 个答案:

答案 0 :(得分:2)

您需要使用:

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

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

答案 1 :(得分:0)

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