幻灯片/更改背景图片

Question

我正在尝试将页面背景图像设置为多幅图像的幻灯片显示，但是我想不出一种方法来以给定的间隔更改图像的url，同时还使用淡入/淡出过渡。

html {
background: url("mare.jpg") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

Answer 1

您可以使用JS脚本更新DOM

例如，您可以使用以下脚本更新body标签：

<script>
  document.body.style.background = "url("mare.jpg") no-repeat center center 
</script>