我希望我的身体渐变在我的标题渐变之后开始

Question

我希望身体渐变从标题渐变结束的正下方开始。

以下是所有相关的code：

CSS：

#header
{
    position:absolute;
    top:0;
    left:0;
    background:linear-gradient(#fff,#000); 
    height:50px;
    width:100%;
}
html
{
    height:100%;
}
body
{
    background:linear-gradient(#000,#fff);
}

HTML：

<div id = header></div>

我已经尝试过利润低谷，但没有任何运气。任何帮助表示赞赏。

Answer 1

您可以使用容器div来执行此操作。

http://codepen.io/anon/pen/4070/1

Answer 2

另一种方法是在标题上添加第三个渐变，以便更平滑地过渡到主体的线性渐变。

例如：background:linear-gradient(#fff, #000, #232323);代表您的标题。