css - CSS：100％の幅と背景？

Question

私のページには、幅と背景が100％のセクションが2〜3個あります。全画面で開くとすべて問題ありませんが、画面が960px（このセクションのコンテンツの幅）よりも小さい場合、背景画像はページ全体ではありません。右側のwhisは最初の瞬間に隠されており、背景はありません-それは白です。あなたは私がここで意味することを見ることができます：http：//micobg.net/10th/

Answer 1

background-size:100%適用した要素にスタイルを追加するだけですbackground-image。Firefox、Safari、Opera で動作します。例えば：

<style>
.divWithBgImage {
  width: 100%;
  height: 600px;
  background-image: url(image.jpg);
  background-repeat: no-repeat;
  background-size: 100%; //propotional resize
/*
  background-size: 100% 100%; //stretch resize
*/
}
</style>
<div class="divWithBgImage">
  some contents
</div>

Answer 2

この記事に関しては、次のものも使用する必要がcoverあります。

html { 
  background: url(PATH_TO_IMAGE) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

Answer 3

背景の最小幅を使用: 960px; width:100% の代わりに; 乾杯