我做到第二屏没有问题，设置好第三屏后，第三屏覆盖第二屏，又设置好第四屏，第四屏又覆盖第三屏，意思是只出现...

<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:32

从box2 下的 class="text" 开始就没有</div>标签结束，之后的你也是复制的吧？都没有</div>标签结束，所以之后你加的div全部都到box2里面去了，才会始终只显示两屏。

一定要细心，类似这种问题，初学者会经常碰到的，第一是检查代码，是否有写错，漏写等问题，第二是检查样式是否有写错，不对应等问题。

[提问] 我做到第二屏没有问题，设置好第三屏后，第三屏覆盖第二屏，又设置好第四屏，第四屏又覆盖第三屏，意思是只出现...

共1个回复最后回复于 2020-5-13 08:40

	B Color Image Link Quote Code Smilies 高级模式您需要登录后才可以回帖登录 \| 立即注册本版积分规则回帖后跳转到最后一页

[提问] 我做到第二屏没有问题，设置好第三屏后，第三屏覆盖第二屏，又设置好第四屏，第四屏又覆盖第三屏，意思是只出现...

共1个回复 最后回复于 2020-5-13 08:40

共1个回复最后回复于 2020-5-13 08:40