iT邦幫忙

0

你好 想請問css輪播問題

    #photos{position:absolute;width:calc(600px*6);z-index:9px;}
    #imgRun{width:40%;height:65%;top:18%;left:70%;}   /*大小*/
    .play{animation:move 8s ease infinite; animation-fill-mode:backward;}
    
	@keyframes move{
        0%  {transform:translate(0px);}
        20% {transform:translate(0px);}
        40% {transform:translate(-600px);}
        60% {transform:translate(-1200px);}                                            
        80% {transform:translate(-1800px);}
		100% {transform:translate(-2400px);}
    }
    
    

想請問有人知道我這段輪撥出錯在哪裡嗎,我要撥放6張圖片,可是他6張圖片都會擠在一起
https://ithelp.ithome.com.tw/upload/images/20201229/20133940Nm5JDsdWwS.jpg
像這樣
請問有人有辦法讓他一張一張播嗎?


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
EricChu
iT邦新手 4 級 ‧ 2020-12-30 21:55:55

#photos{position:absolute;width:calc(600px*6);z-index:9px;}
z-index的參數是1,2,3...等等的數值
不是px......
以及發問請按"發問"
那邊比較多人答你

我要留言

立即登入留言