css动态添加背景图片

CSS 动态添加背景图片通常涉及到JavaScript或者jQuery这样的脚本语言，因为纯CSS本身并不支持直接操作DOM元素来改变背景图片。你可以通过以下步骤来实现动态背景图片：

1. 首先，在HTML中创建一个元素或者为其分配一个ID，比如 `<div id="background-image-container">`。

2. 然后，在CSS文件中声明一个默认的背景图像，设置样式如 `#background-image-container { background-image: url('default.jpg'); }`。

3. 使用JavaScript或jQuery，获取到这个元素的引用。例如：

   var element = document.getElementById("background-image-container");

4. 创建一个新的背景图片 URL 或者从服务器动态获取，并将其应用到元素上：

   var newBackgroundUrl = "new-image.png";
   element.style.backgroundImage = "url('" + newBackgroundUrl + "')";

5. 当需要更改背景图片时，只需更新变量 `newBackgroundUrl` 的值即可。