Question

我正在尝试使用Jquery更改div的背景图像，而不能正常工作

这里是html和jquery

<div class = "displayUser" id = "cover">
<script type="text/javascript">

$(document).ready(function () {
  $('.displayUser').css("background-image", "url(../images/group_icon.png) no-repeat;");
});


</script>

</div>

这是我的css

.displayUser{
    height: 600px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100%;

}

为什么它不起作用？

Answer 1

您需要拆分css规则，从jQuery代码中删除no-repeat;，然后才能正常运行。

为此，您必须编写两个css规则，并且可以使用对象作为参数。

$(document).ready(function () {
  $('.displayUser').css({
    'background-image': "url(../images/group_icon.png)',
    'background-repeat' : 'no-repeat',
  });
});

Answer 2

两件事：

<div class="displayUser" id="cover">

和

$('.displayUser').css("background-image", "url('../images/group_icon.png')");

删除id和class属性之前/之后的空格。
并从脚本中删除no-repeat;并在url('')中添加单引号。

Answer 3

您的网址需要引用像这样

url('../images/group_icon.png')

Jquery .css（＆＃34; background-image＆＃34;）什么都不做

3 个答案: