html - 反復画像をその包含/親要素の外に拡張しますか?

Question

「メイン」要素内に含まれるページの下部に沿って繰り返し画像があり、x 軸全体に沿って拡張したいと考えています。現在、「メイン」の幅は固定されているため、画像はその時点までしか繰り返されません。

それを超えて拡張するにはどうすればよいですか？のように、x 軸全体？

主要：

.main {
margin:0 auto;
width:960px;
position:relative;
}

フッター:

footer  {
padding:49px 20px 0;
height:98px;
font-family: Arial, Helvetica, sans-serif;
background-image: url(../images/bg_bottom.png);
}

ソースの実装:

<div class="main">
        <footer>

                [content]

        </footer>
</div>

score 0 · Accepted Answer

そのためには、ポジションを使用する必要があります。特に、とを含むフッター (およびその中にを含む画像) がposition:absolute必要width:100%ですbackground-repeat:repeat-x。

フッターの位置を検索すると、詳細情報を見つけることができます。次に例を示します。

1 に答える 1