css背景图不变，文字轮播

CSS 背景图片轮播通常是指使用 JavaScript 或 CSS 动画技巧创建一种效果，使得背景图像随着一定的间隔动态切换显示。这种效果常用于网站的主页或者其他需要视觉吸引力的地方。下面是一种简单的实现方法：

1. **HTML 结构**：
- 创建一个容器，比如 `<div id="bg-slide">...</div>`，作为背景图像切换的区域。
- 可能还需要一个包含多个 <img> 标签的元素，每个 `img` 标签代表一个背景图片。

<div id="bg-slide">
  <img src="image1.jpg" class="hidden">
  <img src="image2.jpg" class="hidden">
  <!-- 更多背景图片... -->
</div>

2. **CSS 设置**：
- 隐藏所有图片（除了第一个）：

     .hidden {
       display: none;
     }

3. **JavaScript 动画**（简化示例）：
- 使用 `setInterval` 函数，每隔一段时间切换背景：

     var index = 0;
     function slideBackground() {
       var bgSlide = document.getElementById('bg-slide');
       bgSlide.style.backgroundImage = 'url(' + bgSlide.children[index].src + ')';
       
       if (index == bgSlide.children.length - 1) { // 到最后一张
         index = 0; // 重置索引
       } else {
         index++;
       }
     }

     setInterval(slideBackground, 3000); // 每隔3秒切换一次

4. **CSS 宽度和延展性**：
- 如果你想让背景无缝滚动，你可以设置背景图的宽度为 `100%` 并加上 `background-size: repeat-x;`，确保图像在循环时不会中断。

注意：这只是一个基础的示例，实际项目中可能需要更复杂的逻辑处理、过渡动画效果等。