css - 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;