为什么我的是显示第一张图片，下面的图片并没有覆盖之前的啊
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery轮播</title>
<link rel="stylesheet" type="text/css" href="..\css\css.css">
</head>
<body>
<div id="title"> jQuery实现轮播图</div>
<!-- 图片轮播 -->
<div id="con" class="con">
<a href=""><div class="s s1"></div></a>
<a href=""><div class="s s2"></div></a>
<a href=""><div class="s s3"></div></a>
<a href=""><div class="s s4"></div></a>
<a href=""><div class="s s5"></div></a>
</div>
<!-- 上一张、下一张按钮 -->
<div id="topChange"></div>
<script src="http://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script>
</script>
</body>
</html>
*{margin:0px;padding:0px;font-family: "Microsoft YaHei";}
#title{text-align: center;margin-bottom: 50px;margin-top: 50px;}
#con{margin: 0 auto;width:1200px;border:5px solid #bbb;height: 460px;overflow: hidden;}
.s{background-repeat: no-repeat;width: 1200px;height:460px;}
.s1{background-image: url("../img/1.jpg");}
.s2{background-image: url("../img/2.jpg");}
.s3{background-image: url("../img/3.jpg");}
.s4{background-image: url("../img/4.jpg");}
.s5{background-image: url("../img/5.jpg");}
正在回答
根据测试 ,图片从上往下依次排在后面的 ,可以去掉#con的 overflow: hidden;查看 :
希望能解答你的疑惑 ,祝学习愉快 !
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星