Изображение движется, когда я прокручиваю полосу вправо
У меня есть изображение, и когда я иду вправо, это изображение следует за мной. Я хочу, чтобы оно не двигалось, пока я прокручиваю вправо. Как сделать, чтобы это изображение не двигалось?
.img1 {
top:9%;
left:0%;
height:67%;
width:40%;
position: fixed;
background-image: url("https://img.freepik.com/free-photo/top-view-backgammon-game-board_68747-224.jpg?size=626&ext=jpg");
}
html код такой
<div class = "img1">
<div id='chess_board'>
</div>
</div>
да я отредактировал сейчас
Ответы 2
ваша проблема связана с особенностью position: fixed;, просто удалите его или просто дайте ему позицию, отличную от fixed.
Кроме того, чтобы ваше фоновое изображение не повторялось, вы можете изменить все свойство background-image на background: url("https://img.freepik.com/free-photo/top-view-backgammon-game-board_68747-224.jpg?size=626&ext=jpg") no-repeat;.
Удалите position: fixed и замените его на position: absolute.
position: fixed делает ваш HTML-элемент липким — это может пригодиться в будущем, если вы хотите, скажем, чтобы панель навигации прикреплялась к верхней части страницы, а нижний колонтитул — к нижней.
Вы можете узнать больше о position объекте здесь.
мы можем увидеть html-код?