9

1枚の画像をサイト全体の背景にしたい！とてもシンプルに聞こえるかもしれませんが、気が狂ってしまいました。ページに収まりません。これが最後の試みです。

CSS :

body {
background:url('images/bg_img1.jpg') #A98436 no-repeat left top;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}

私は Twitter Bootstrap も使用していますが、それがなくてもうまくいきません!

どんな助けでも大歓迎です。

編集:レスポンシブ+モバイルデザインを作成しようとしているため、正確なピクセルは使用しませんでした。

彼らが質問に反対票を投じた理由がわかりません！ですが、これで解決しました！

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}


#mybody {
background:  url('images/bodybg.jpg') no-repeat center left;
 background-size: 100% 100%;
width: 100%;
height: 100%;
height: auto !important;
min-height:100%;
}

#myheader {
background:  url('images/headerbg.jpg') no-repeat center left;
 background-size: 100% 100%;
width: 100%;
height: 100%;
height: auto !important;
min-height:100%;
}

#myfooter {
background: url('images/footerbg.jpg') no-repeat center left;
background-size: 100% 100%;
width: 100%;
height: 100%;
height: auto !important;
min-height:100%;
}
4

4 に答える 4

0

ページの最初の要素の高さを設定する必要があります。

html, body { margin:0; height: 100%;}
于 2013-06-12T17:23:47.677 に答える