css - リピート y を使用した背景画像は高さ全体をカバーしません

Question

私は次のHTMLを持っています：カラーのフルハイトのサイドバー、左側がカラーのページの外側であるため、ページの左側をカバーする画像があり、フルハイトに移動しますが、クロムではカバーしませんrepeat-y を使用したページ全体の高さ。

私のcss：（クロムでは機能しません）

body {
    background: #000 url(../images/bar_bg.jpg) repeat-y;
}

#container {
    height: 100%;
}

私はこれを達成したい: ここに画像の説明を入力

画像なしで、またはCSS3でそれを行う別の方法はありますか?

score 2 · Accepted Answer

HTML と本文がビューポート全体をカバーしていません。使用...

html, body {
  height: 100%;
}

score 0 · Accepted Answer

コードを操作する必要がありますが、これはマージンの高さをゼロに設定する必要があるようです。

score 0 · Accepted Answer

0

で解決

html, body{
min-height:100%;
height:auto;
}

于 2012-08-26T16:44:24.010 に答える

3 に答える 3