如何将图片保留在html中，以使其不会与页面的其余部分一起移动？

Question

Is it possible to keep an image from moving while the user scrolls through a web page. like the user always sees the image? I'd imagine it'd be possible using a but I don't know how.

Answer 1

Use the css position: fixed; attribute, specifying top and left absolute attributes.

Answer 2

body {
  background-image: url("http://yoursite.com/path/to/image.gif");
  background-position: 50% 50%;
  background-repeat: no-repeat;
}