html - CSS:在页面停在视口(viewport)处重复 "noise"

Question

我有一个带有这个 CSS 的 div:

.noise{background-image: url('../images/template/noise.png');
height:100%;
left:0;
 min-height:100%;
min-width:100%;
position:absolute;
top:0;
width:100%;
z-index:98!important;}

它有一个噪音 PNG。问题是如果视口(viewport)比那个窗口长，它就不会重复全屏。

看图:

我知道我可以通过 jquery 扩展它，但是，为了学习，是否有仅 CSS 的技巧？

希望我说清楚了，非常感谢!

Answer 1

尝试使用 position:fixed 而不是 position:absolute