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

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

 

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

 

1.html即单纯轮播图效果

 

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

 

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

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

应该是样式冲突了,你前端都用了什么技术呢?

您好,我是有问必答小助手,你的问题已经有小伙伴为您解答了问题,您看下是否解决了您的问题,可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案,可以点击【采纳】按钮,给回答的小伙伴一些鼓励哦~~

ps:问答VIP仅需29元,即可享受5次/月 有问必答服务,了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632

非常感谢您使用有问必答服务,为了后续更快速的帮您解决问题,现诚邀您参与有问必答体验反馈。您的建议将会运用到我们的产品优化中,希望能得到您的支持与协助!

速戳参与调研>>>https://t.csdnimg.cn/Kf0y