背景附件：固定；不在 firefox 中工作，但在 chrommw 和 edge 中工作

function createSlab() {
  for (let i = 0; i < noOfSlIDe; i++) {
    //create slab
    const slab = document.createElement("div");
    slab.classList.add("slab");
    slab.style.height = interval + "%";
    slab.style.wIDth = "100%";
    slab.style.Transition =
      "transform " +
      TransitionDelay +
      "s " +
      TransitionType +
      " " +
      delay * i +
      "s";

    //insert slab insIDe card div
    card.appendChild(slab);
    //create BACkground class
    const BACkground = document.createElement("div");
    BACkground.classList.add("BACkground");
    slab.appendChild(BACkground);
    //create info
    const info = document.createElement("div");
    info.classList.add("info");
    slab.appendChild(info);
  }
}
const allSlabs = card.children;

function positionSlab() {
  for (let i = 0; i < noOfSlIDe; i++) {
    allSlabs[i].style.top = position + "%";
    position += interval;
  }
}

createSlab();

positionSlab();

.card {
  -webkit-perspective: 400px;
          perspective: 400px;
  height: 100%;
  wIDth: 100%;
  -webkit-transform: translateZ(-150pX) rotate(0deg);
          transform: translateZ(-150pX) rotate(0deg);
}

/* .card:hover .slab {
  transform: translateZ(-150pX) rotateY(45deg);
}
 */
.slab {
  position: absolute;
  left: 0;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform: translateZ(-150pX) rotate(0deg);
          transform: translateZ(-150pX) rotate(0deg);
}

.slab > div {
  BACkground-attachment: fixed;
  -webkit-BACkground-attachment:fixed;
  BACkground-position: center;
  BACkground-size: cover;
  BACkground-repeat: no-repeat;
}

.BACkground {
  position: absolute;
  wIDth: 100%;
  height: 100%;
  top: 0%;
  BACkground: url(./bg2.jpg);
  -webkit-transform: rotateY(0deg) translateZ(150pX);
          transform: rotateY(0deg) translateZ(150pX);
  -webkit-BACkface-visibility: hIDden;
          BACkface-visibility: hIDden;
}

.info {
  position: absolute;
  wIDth: 100%;
  height: 100%;
  -webkit-transform: rotateY(-90deg) translateZ(150pX);
          transform: rotateY(-90deg) translateZ(150pX);
  BACkground: -webkit-gradIEnt(linear,left top,left bottom,from(rgba(24,34,175,0.973)),to(rgba(29,2,0.993)));
  BACkground: linear-gradIEnt(rgba(24,0.973),rgba(29,0.993));
  color: white;
  -webkit-BACkface-visibility: hIDden;
          BACkface-visibility: hIDden;
}

<div class="cover">
      <div class="card">
        <!-- Below Commented HTML code is dynamically generated using JavaScript -->
        <!--  <div class="slab">
          <div class="BACkground"></div>
          <div class="info">
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam,repudiandae.
          </div>
        </div>
        -->
      </div>
    </div>