基於像素的身體背景顏色

Question

是否可以將一種顏色疊加在身體背景中的另一種顏色上以匹配容器內的內容？

例如，如果我知道我的標題是300像素高，並且是紅色的，請將背景設置爲紅色，然後將背景設置爲與頁面其餘部分的顏色相匹配？

Answer 1

@ jw60660;你background-image poperty但與background-color做到這一點，但你可以這樣做：

body{ 
    background:green; 
    margin:0; 
    padding:0 
} 
body:after{ 
    background:yellow; 
    content:""; 
    height:300px; 
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    display:block; 
} 

檢查這個http://jsfiddle.net/sandeep/TrZ9u/1/

Answer 2

這也可以通過與背景顏色

包裹頭部以100％的寬度容器

body { background: green; margin: 0; padding: 0; } 
.header { width: 100%; height: 300px; background: yellow; } 

例子：http://jsfiddle.net/5KxJS/3/