我制作了一个单页网站,其中包含5个不同的图片,每个图片都包含不同的文字,并且基于"背景附件:固定",我想知道是否可能使文本处于固定位置。如果是,它的代码是什么?
.img{
background-size: cover;
background-position: center;
width: 100%;
height: 90vh;
display: flex;
justify-content: center;
align-items: center;
}
.text {
margin: auto;
padding: 30px;
width: 100%;
background-color: rgba(0,0,0,0.7);
text-align: center;
min-width: 520px;
max-width: 520px;
}
.img1{
background-image: url();
}
.img2{
background-image: url();
}

<div class="img img1">
<div class="text">
<p>...</p>
</div></div>
<div class="img img2">
<div class="text">
<p>....</p>
</div></div>
&#13;