在CSS中，我們可以使用代碼來添加背景音樂，以下是一種簡單的方法：

在HTML文件中創(chuàng)建一個音頻元素，并設置其屬性。

<audio id="background_music" src="your_music_file.mp3" loop="true" autoplay="true"></audio>

上述代碼中的your_music_file.mp3應替換為你的音樂文件路徑。loop="true"表示音樂循環(huán)播放，autoplay="true"則表示音樂自動播放。

在CSS中設置音頻元素的樣式，使其透明且不影響頁面布局：

#background_music {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -999;
    opacity: 0;
}

上述代碼將音頻元素設置為固定位置，充滿整個頁面，并且將其透明度設置為0，使其不影響頁面內(nèi)容，將z-index設置為-999，使其在其他元素之下。

在JavaScript中控制音頻元素的播放和停止：

var background_music = document.getElementById('background_music');
var is_playing = true;
// 當頁面滾動到某個位置時停止音樂
window.onscroll = function() {
    if (is_playing && document.body.scrollTop > 500) {
        background_music.pause();
        is_playing = false;
    }
};

上述代碼將在頁面滾動到500像素處時停止音樂，你可以根據(jù)需要調(diào)整這個值或者添加其他控制音樂播放的條件。