0

私の問題は背景画像に固有のものです。本文に背景画像を適用し、水平方向に中央揃えにしました。各ページについて、ヘッダーの下に段落を追加します。それぞれの段落のサイズが異なり、スクロールが発生します。背景画像は段落の後ろに流れる必要がありますが、本文タグを展開して段落を含めることはできません。つまり、下にスクロールすると背景画像が途切れます。ページが段落を超えてスクロールするため、特定の高さを設定したくありません。考えられる相対位置/絶対位置と高さ/最小高さのほぼすべての組み合わせを試しました。

<html>
    <body>
        <div class="paragraph">
            <p>text!</p>
        </div
</html>

CSS

html {
    background:             url('/images/bg.png');
    margin:                 0;
    padding:                0;
    height:                 100%;
    min-height:             100%;
}

body {
    margin:                 0;
    padding:                0 0 50px 0;
    background-image:       url('../images/fullheader.gif');
    background-position:    center 20px;
    background-repeat:      no-repeat;
    position:               absolute;
    top:                    0px;
    bottom:                 0px;
    right:                  0px;
    left:                   0px;
    min-height:             100%;
}

.paragraph {
    width:                  640px;
    padding:                10px 20px;
    margin:                 400px auto 0 auto;
    min-height:             100%;
}

それが役立つ場合は、スクリーンショットを投稿できます。

4

3 に答える 3

0

このようにボディにcssを追加します

       body {
             background:#fff url(background.jpg) repeat-y top center;
             margin:0px;
             padding:0px;
            }
于 2013-04-24T12:01:52.433 に答える