Question

您好我在使用jquery更改div的background-img时出现问题：

最初我将其设置为

#div-id {
background: url(../images/conv1.png) no-repeat center top;
}

然后在超时后启动的脚本中执行此操作：

$('#div-id').css('background', 'url("../images/conv2.png")');

当我这样做时，图像就会消失，但当我在Chrome工具中查看元素检查器时，它说：

$('#div-id').css('background', 'url("../images/conv3.png")');

我迷失了哪里出错了。

Answer 1

在CSS和jQuery中使用<div class="" id="auraErrorMask"> <div class="auraErrorBox" id="auraError"> <span><a class="close" id="dismissError">×</a>Sorry to interrupt</span> <div id="auraErrorMessage">CSS Error</div> <div id="auraErrorStack"></div> <div class="auraErrorFooter"><a href="?" id="auraErrorReload">Refresh</a></div> </div> </div>作为属性，并单独应用CSS中的其他属性（背景 - 位置，背景大小，背景重复等）。

background-image

和

#div-id {
  background-image: url(../images/conv1.png);
  background-repeat: no-repeat;
  background-position: center top;
}

Answer 2

分别添加每个属性：

$("#RenderedText").css('background-image', 'url(' + imageString + ')');  
$("#RenderedText").css('background-repeat', 'no-repeat');  
$("#RenderedText").css('background-position', 'right top');

如何用jquery更改背景图像？

2 个答案: