在整个网页上叠加图像

Question

是否可以在整个网页上叠加重复图像？如果是这样,怎么样？

Answer 1

像这样的东西:

HTML

<div class="overlay"></div>

CSS

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("image.png") repeat;
}

您可能希望将div放在html的最后,以确保它高于页面上的所有其他内容,或者您​​可以使用z-indexing.