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

所以我试着去获得多个背景例如2和问题的HTML元素的是，我希望设置背景大小只到第二个背景而不是第一个。 。 有任何想法吗？

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;