使用 background-size:cover 后如何更改 javascript 中的背景 url？

Question

这是 CSS 部分（使用背景尺寸：封面）：

#container>div {
  background: url("../static/opti2.jpg");
  background-size: cover;
  background-attachment: fixed;
  transition: all 0.5s ease-in;
}

我想要做的是使用 Javascript 更改URL 背景。

Answer 1

如上面评论中所述，使用此代码，将 URL 替换为新 URL。

<script>

document.getElementById("container").style.backgroundImage = "url(..static/opti22.jpg)";

</script>