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;