Как получить изображения на HTML -сайте, чтобы оставаться в положении по сравнению с фоновым изображением, поскольку оно ⇐ Html

[Anonymous]

Я строю личный сайт. Я хотел, чтобы фоновое изображение соответствовало разным размерам экрана, поэтому по каким -либо краям не было белого, а затем помещал изображения в качестве ссылок. Я бы хотел, чтобы эти ссылки изображения оставались в одной и той же положении по сравнению с фоновым изображением, чтобы фотографии выравнивались даже при просмотре на разных размерах экрана, но не могут выяснить, возможно ли это/как это возможно.html,
body {
background-image: url("link1");
background-position: center;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
font-family: sans-serif;
}

#books{
display: block;
padding: 50px;
background-image: url("link2");
transition: transform .2s;
position: absolute;
left: -18.5%;
top: 4%;
scale: 25%;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
margin: 0 auto;
}
< /code>








Подробнее здесь: https://stackoverflow.com/questions/797 ... ound-image