css 图片固定位置不变

CSS图片固定位置不变 要在网页中固定一张背景图片不会随着文本的滚动而移动，可以使用CSS中的background-attachment属性，将其设置为fixed。以下是一个例子：

body {
  background-image: url(bg-image.jpg);
  background-attachment: fixed;
}

上面的代码使整个页面的背景图片固定在不动的位置。 如果需要固定一个图片在某个DIV元素中，同样可以用background-attachment属性，只需将其应用于该DIV，如下所示：

.my-div {
  background-image: url(my-image.jpg);
  background-attachment: fixed;
}

这将使该DIV中的背景图片固定在不动的位置。 另外，如果需要让图片的位置固定不变，可以使用CSS中的position属性和top、left、right、bottom属性。以下是一个例子：

.my-image {
  position: fixed;
  top: 20px;
  left: 20px;
}

上面的代码将一个图片放置在页面的左上角，固定在不动的位置。 总之，使用CSS中的background-attachment属性和position属性，可以轻松地使图片固定在不动的位置，为网页的美观和易读性带来很大的帮助。