我想显示一个覆盖整个页面的背景图片(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;
答案 0 :(得分:3)
您有一个background-position属性,其中包含一个背景附加值,其中显示“center center fixed”。这应该只是说“中心”,你需要一个额外的属性来进行背景附件。