CSS把图片变成背景八张图片能轮播并且能插入文字

是的，可以使用CSS将多张图片作为背景，并且可以轮播多个背景图片。同时，您也可以在背景图片上插入文字。以下是一个简单的实例：

HTML代码：

<div class="background">
  <div class="text">
    <h1>我是标题</h1>
    <p>我是一些描述性文字。</p>
  </div>
</div>

CSS代码：

.background {
  background-image: url('image1.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  height: 400px;
  position: relative;
}

.background:before {
  content: "";
  background-image: url('image2.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  height: 400px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  animation: slideshow 16s linear infinite;
}

.background:after {
  content: "";
  background-image: url('image3.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  height: 400px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  animation: slideshow 16s linear infinite;
  animation-delay: 8s;
}

.text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  text-align: center;
}

@keyframes slideshow {
  0% {
    opacity: 0;
  }
  12.5% {
    opacity: 1;
  }
  37.5% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}

在这个例子中，我们使用:before和:after伪元素添加两张额外的背景图片，并使用CSS动画将其渐隐渐显。我们还将文本放置在背景图片上，并使用CSS位置属性进行定位。CSS动画的关键帧是根据8张图片的轮播周期进行设置的。