javascript-根据 DIV 的大小放置一个固定的背景图像
你们好吗？
所以，我尝试了几次将照片制作为 FIXED bg-image（视差风格），但为了使其遵循 DIV 的位置/位置以及尺寸。因此，它必须跟随 DIV 的位置，即使它被重新调整尺寸，也需要继续保持 100% DIV 的大小和位置 - （响应式）。如您所见，它必须保持在右侧，并且还必须固定在背景上。
/** CSS **/
/**3ª Section**/
.biobox {
height: auto;
max-height: 1000px;
width: 100%;
margin-top: 400px;
display: flex;
}
.biografia {
max-width: 40%;
height: 800px;
padding: 2%;
line-height: 25px;
}
.biografia span {
width: 100%;
height: 500px;
color: #8D8DAA;
text-align: justify;
}
.biografia h2 {
color: #f56b90;
font-size: 35px;
line-height: 40px;
margin-bottom: 30px;
}
.ftbiografia {
background-color: #f56b90;
width: 45%;
height: 1000px;
display: inline-block;
position: relative;
/**
.foto{
//background-color: #000;
background-image: url("../imagens/img6.png");
background-position: top right;
background-size:contain;
background-repeat: no-repeat;
position:absolute;
height: 1000px;
width: 100%;
}**/
}
.ftbiografia .ftwrapper {
height: 100%;
width: 100%;
position: relative;
}
.ftbiografia .foto2 {
background-image: url("../imagens/img6.png");
background-size: contain;
background-position: right;
background-repeat: no-repeat;
background-attachment: fixed;
height: 100%;
width: 100%;
margin-left: 400px;
}
.middle {
width: 15%;
height: 100%;
display: flex;
}
