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

您需要重置第一张图像的大小，然后为第二张图像指定它。 spec表示background-size的初始值为auto，表示：

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