css3的轮播图在自己写的小米官网页面中失效，单独可运行成功

Question

代码比较大，不让发，所以发到了百度云盘

 

链接：https://pan.baidu.com/s/1Lx-dkUlB4UGh5OKcFAaMWQ 
提取码：9kuc 
复制这段内容后打开百度网盘手机App，操作更方便哦

 

1.html即单纯轮播图效果

 

index.css加入1.html中的style部分就可以进行轮播图（类名布局设置的一样），我用vs code自带的ctrl+f追踪了之前我给图片，标签设置的一些旧样式，还有用f12查看布局，但没找到影响轮播图效果的东西，可能我太菜，求大佬帮助。

 

不必担心我钻牛角尖，我仍然在努力继续学习css剩下的部分，比如less等，但我很想得到一个结果，再次拜谢！

Answer 1

我请教了学院的教授，经过一番头脑风暴后，解决了，首先是关于img-list的结构写的过于长，ul>li>a>img，但动画操作的是img，可能由于曾经给ul或者li设置过白色背景，外加上层级原因导致一旦开始动画，就会被li盖住，css中关于动画的操作改成li即可，详细部分等有空再补