html - CSS 背景图像无法在视口(viewport)下方重复

Question

我们在 www.tekiki.com 上重复纹理背景，但由于某种原因，视口(viewport)下方的任何内容都不会重复。背景呈现为白色。

以下是我们的 body 元素的 CSS 规则，其中包含重复图像:

font-family: 'Signika', verdana, tahoma, arial, sans-serif;
font-size: 16px;
line-height: 22px;
color: #5c5c5c;
margin: 0;
padding: 0;
border: 0;
background: #cbe9f1 url(/images/web/main_bg.png) repeat top left;
background-attachment: fixed;

我们如何让背景图像正确平铺？谢谢!

Answer 1

尝试将 background-attachment: fixed 更改为 background-position: fixed。