当我向右滚动条时，图像正在移动

Question

我有一个图像，当我向右滚动时，这个图像会跟着我。我想让它在右侧滚动时不移动。如何使此图像不移动？

.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>

Answer 1

您的问题是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;。

Answer 2

删除position: fixed并将其更改为position: absolute。

position: fixed会让HTML元素变得粘稠——如果你想让导航栏粘在页面顶部，或者让页脚粘在底部，这在未来可能会派上用场。

您可以在此处了解有关position属性的更多信息。