我有一個容器，其中有 5 個（或更多）項目（div）和另外 2 個子 div，第二個（子）div 有一個背景圖像（聲明為內聯樣式“背景”屬性）。現在，我希望所有這些圖像（具有背景圖像的項目）的無限循環/循環能夠工作，在一次迭代之后，第一個成為第二個，第二個第三個......第五個成為第一個等等，有一定的間隔。我嘗試了一些 javascript 和 jquery 但沒有成功，有辦法做到這一點嗎？非常感謝您的幫助。代碼是：    <style type="text/css">        .container {          position: relative;          width: 100%;          display: -webkit-box;          display: flex;        }        .container .img {          position: relative;          width: 240px;          height: 240px;        }        .container .img div {          position: relative;          background-size: cover;          background-position: center;          width: 240px;          height: 240px;          opacity: 0.9;          cursor: pointer;        }        .container .img div:hover {          opacity: 1;        }    </style>        <div id="s" class="container">        <div class="img">            <div style="background: url(https://picsum.photos/id/271/240)"></div>        </div>        <div class="img">            <div style="background: url(https://picsum.photos/id/221/240)"></div>        </div>        <div class="img">            <div style="background: url(https://picsum.photos/id/101/240)"></div>        </div>        <div class="img">            <div style="background: url(https://picsum.photos/id/22/240)"></div>        </div>        <div class="img">            <div style="background: url(https://picsum.photos/id/11/240)"></div>        </div>    </div>