基于像素的人体背景颜色

Question

是否可以在身体背景中的另一种颜色上叠加一种颜色以匹配容器中的内容？

例如，如果我知道我的标题是300像素高，并且是红色，那么前三个像素的背景设置为红色，然后设置背景以匹配页面其余部分的颜色？

Answer 1

@ jw60660;你使用background-image属性但不能使用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/