html - 带有图案覆盖的整页背景图像

Question

我想显示一个覆盖整个页面的背景图像（background.jpg），但在这个图像旁边我想要一个虚线覆盖（dotted-pattern.jpg）。我尝试了以下代码，理论上应该可以工作，但它没有，background.jpg 仅以正确的比例显示图像。

这是代码：

background-image: url(images/dotted-pattern.png), url(images/background.jpg);
background-position: top left, center center;
background-repeat: repeat, no-repeat;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
background-size: auto, cover;

Answer 1

您有一个 background-position 属性，其中包含一个 background-attachment 值，其中显示“center center fixed”。这应该只是说“中心中心”，您需要一个额外的背景附件属性。