网页中如何设置背景音乐

在网页中设置背景音乐，通常有两种常见的方式：

1. **HTML5 `<audio>` 标签**：HTML5 提供了 `<audio>` 元素，可以方便地插入音频文件作为页面背景音乐。例如：

<audio id="bgMusic" loop>
  <source src="your-song.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>

<script>
document.addEventListener("DOMContentLoaded", function() {
  var bgMusic = document.getElementById('bgMusic');
  bgMusic.play();
});
</script>

这里设置了循环播放 (`loop`) 属性，并在文档加载完成后自动开始播放。

2. **CSS `background` 音频属性 (实验性)**：虽然不是所有浏览器都支持，但你可以尝试在 CSS 中使用 `background` 属性配合 `audio` 规格（如 `-webkit-background-audio` 或 `--moz-background-audio`），不过为了兼容性，建议还是使用 JavaScript。

.background-music {
  background: url(your-song.mp3) no-repeat center;
  background-size: cover;
  -webkit-background-audio: url(your-song.mp3);
  /* Firefox */
  background-audio: url(your-song.mp3);
}

然后在需要的地方应用这个类。