CSS3背景 - 多个背景大小的属性

Question

我想做一些可能不可能的事情,但让我们看看你的想法.这是我的代码:

html {
    background: url(../img/pattern.png) repeat, url(../img/up2.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: black; 
}

因此我试图获得具有多个背景的html元素,例如2,问题是我想将背景大小仅设置为第二个背景而不是第一个背景..任何想法？

Answer 1

您需要重置第一个图像的大小,然后为第二个图像指定它.的规范说的初始值background-size是auto,这意味着:

-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
background-size: auto, cover;