2010-12-07 34 views
1

我問心無愧設置兩個背景的問題,那就是:設置兩個背景在CSS

rightCol { 
    margin: 0pt; 
    padding: 20px; 
    background: #AF7A38 url('../images/stain2.png') no-repeat scroll right top; 
    -moz-background-clip: border; 
    -moz-background-origin: padding; 
    -moz-background-inline-policy: continuous; 
    float: right; 
    width: 770px; 
    min-height: 810px; 
    height: auto ! important; 
    -moz-border-radius: 20px; 
    -webkit-border-radius: 20px; behavior: url(PIE.htc); 
} 

正如你看到它設置背景右上角有一些寬度和高度#AF7A38背景顏色爲休息列的,但我想要做的是另設背景,而不是顏色,例如設置這樣的:

background: url('../images/background2.jpg') repeat scroll 0% 0%; 

填寫欄,而不是顏色的其餘部分。

感謝

回答

3

據我所知,你只能使用每個元素的一個背景。然而,CSS3改變了這一點,所以如果CSS3是一個選項,我會去那條路線。檢查出來here

1

要使用兩個背景圖像,請將背景放置在兩個元素中。如果您想要它們,您可以使用htmlbody元素,或者添加一個空的定位次要元素來放置它們behind a sub-element