定位banner上文字的滚动

Question

banner上的文字滚动向上，banner图基本不动，但是下面的内容滚动的时候还是会把banner图覆盖
<section class="banner-box">

<img src="../images/bg.jpg" alt=""class="img">
 <div class="font-box">
   ssss
 </div>

</section>
<section class="introduce-box">

</section>

// banner开始
.banner-box{
width: 100%;
height: 100px;
// background:url("../images/bg.jpg")no-repeat fixed center;
position: fixed;
.img{

width: 100%;
text-align: center;

}
.font-box{

// position: fixed;
background: red;
z-index: 2;

width: 919px;
height: 218px;

}
}
// banner结束
.introduce-box{
width: 100%;
height: 500px;

}

Answer 1

你应该将需要滚动的图片和文字放在同一个div下，然后滚动div。建议你最好将需要滚动的图片设置成背景图。