无法使用 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>
但这不起作用。我已经尝试了 backgroundPosition
和 background-position
,但 body 元素仍然保持在 css 中定义的原始背景位置值。控制台没有错误。我做错了什么?
您需要使用:
$('#body').css('background-position', '-250px 50px');
或
$('#body').css('backgroundPosition', '-250px 50px');
$('#body').css('background-position', '-250px 50px');
我有一个正文元素:
<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 中定义的原始背景位置值。控制台没有错误。我做错了什么?
您需要使用:
$('#body').css('background-position', '-250px 50px');
或
$('#body').css('backgroundPosition', '-250px 50px');
$('#body').css('background-position', '-250px 50px');