0

ページの上部のみに使用する HTML ページの背景画像があります。そのため、repeat-x を指定すると、画像のヘッダー コンテンツ部分が長すぎて、ページの実際のヘッダー コンテンツからはみ出してしまいました。多かれ少なかれ高さに応じてヘッダー部分のみに限定する方法はありますか（使用時に背景画像の上部（必要な部分）のみを増減します）。また、無地の背景画像がある場合、背景の代わりに背景色プロパティを使用できるように、そのカラーコードを取得する方法。ページの URL はhttp://www.freecsstemplates.org/preview/fotofolium/です& ヘッダー部分の黒の高さを減らしたいです。

4

2 に答える 2

0

背景の位置を変更して黒い部分を薄くすることができます。グラデーションの最終色は#325e00です。この色を背景に追加して、完全なグラデーションを得ることができます。

body {
        background: url("images/wrapper-bg.png") repeat-x scroll 0 -35px #335F01;
        color: #333333;
        font-family: 'Arvo',serif;
        font-size: 14px;
        margin: 0;
        padding: 0;
    }
于 2012-06-01T13:17:24.100 に答える
0

<body>タグではなく（私が想定している）背景を設定し、ヘッダーに設定します。次のように CSSbackground短縮形プロパティを使用します。

header {background:#ffffff url('img.png') repeat-x right top;}

ここでは、デフォルトの背景色 (ここでは #ffffff) と背景画像を指定できます。

于 2012-06-01T11:53:41.527 に答える