javascript - 如何给两个交替的背景图像？

Question

CSS代码

body {
    background-color: rgb(224,224,224,0.6); 
  background: url(../img/backlogo.png),url(../img/backlogo2.png);

}

我想交替给出两个背景图像。我已经在 中显示了输出.我希望两张图片并排重复。

Answer 1

尝试这样的事情

body {
  background-color: rgb(224, 224, 224, 0.6);
  background: url(https://upload.wikimedia.org/wikipedia/commons/c/c3/Acid2.png), url(http://easycarkeys.com/images/accept.png);
  background-repeat: no-repeat, no-repeat;
  background-position: right center, left center;
  height:250px;
}

引用: Using CSS multiple backgrounds

---

更新:为避免溢出，根据其他背景图片的宽度和高度设置背景位置

body {
  background-color: rgb(224, 224, 224, 0.6);
  background: url(https://upload.wikimedia.org/wikipedia/commons/c/c3/Acid2.png), url(http://easycarkeys.com/images/accept.png);
  background-repeat: no-repeat, no-repeat;
  background-position:  200px  center,left center;
  height:250px;
}