整页背景图像与模式覆盖

时间:2013-09-26 23:53:27

标签: html css image background-image

我想显示一个覆盖整个页面的背景图片(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;

1 个答案:

答案 0 :(得分:3)

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