0

本文のグラデーションは、ヘッダーのグラデーションが終了する場所のすぐ下から開始する必要があります。

関連するすべてのコードは次のとおりです。

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>

bottom-margin をいじってみましたが、運がありませんでした。どんな助けでも大歓迎です。

4

2 に答える 2

4

コンテナ div を使用してそれを行うことができます。

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

于 2012-06-21T16:30:29.927 に答える
2

これに代わる方法は、ヘッダーに 3 番目のグラデーションを追加して、本文の線形グラデーションへの移行をよりスムーズにすることです。

例:background:linear-gradient(#fff, #000, #232323);ヘッダー用。

于 2012-06-21T16:35:52.653 に答える