Наложение изображения на всю веб-страницу

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.

Answer 2

Вы не можете щелкнуть ни один из элементов на своей странице, потому что вы покрываете всю страницу <div>, поэтому все ваши элементы скрываются за этим <div>.
Тем не менее, вы можете «применить оттенок» к фону вашего тела таким образом -

.body{background-image: url("overlay image"), url("your bg image");}

Убедитесь, что наложенное изображение имеет соответствующую прозрачность.