论坛
标题:
我做到第二屏没有问题，设置好第三屏后，第三屏覆盖第二屏，又设置好第四屏，第四屏又覆盖第三屏，意思是只出现...
[打印本页]
作者:
芳一芳
时间:
2020-5-12 20:55
标题:
我做到第二屏没有问题，设置好第三屏后，第三屏覆盖第二屏，又设置好第四屏，第四屏又覆盖第三屏，意思是只出现...
<html>
<head>
<meta charset="utf-8">
<title>小米5</title>
<style>
*{padding:0;margin:0;}
.box{width:100%;height:1000px;background:no-repeat center center;}
.box1{background-image:url(images/h-12.jpg);}
.box2{background-image:url(images/h-8.jpg);}
.box3{background-image:url(images/h-13.jpg);}
.box4{background:#555 url(images/bg.png) no-repeat center bottom;}
.box5{background-image:url(images/h-24.jpg);}
.box6{background-image:url(images/h-21.jpg);}
</style>
</head>
<body>
<div class="box box1">
<div class="text">
<h2></h2>
<p></p>
<div class="price"></div>
<a href="#"></a>
</div>
</div>
<div class="box box2">
<div class="text">
<h2></h2>
<p></p>
<a href="#"></a>
</div>
<div class="box box3">
<div class="text">
<h2></h2>
<p></p>
<a href="#"></a>
</div>
<div class="box box4">
<div class="text">
<h2></h2>
<p></p>
<a href="#"></a>
</div>
<div class="box box5">
<div class="text">
<h2></h2>
<p></p>
<a href="#"></a>
</div>
<div class="box box6">
<div class="text">
<h2></h2>
<p></p>
<a href="#"></a>
</div>
</body>
</html>
作者:
yuanxi52028
时间:
2020-5-13 08:40
从box2 下的 class="text" 开始 就没有</div>标签结束，之后的你也是复制的吧？ 都没有</div>标签结束，所以之后你加的div全部都到box2里面去了，才会始终只显示两屏。
一定要细心，类似这种问题，初学者会经常碰到的，第一是检查代码，是否有写错，漏写等问题，第二是检查样式是否有写错，不对应等问题。
欢迎光临 论坛 (http://bbs.qinxue.com/)
Powered by Discuz! X3.1