html - 背景を 100% の高さに伸ばしようとしています

Question

フルページの div (幅と高さが 100%) を作成しようとしています。しかし、Firefox では完全には伸びていません。これが私のコードです:-

div{
    background:url('image.jpg')no-repeat fixed;
    background-size:cover;
 }

いろいろ試しましたが、何が悪いのかわかりません。

score 0 · Accepted Answer

実際には CSS 自体に問題はありませんが、適切に機能させるには、(残念ながら) ブラウザのプレフィックスを追加する必要があります。追加し
てみてください。

 div{
    background:url('image.jpg')no-repeat fixed;
    background-size:cover;
    -moz-background-size:cover;
  }

score 0 · Accepted Answer

の高さを必ず設定してくださいhtml, body。

デフォルトでは、要素htmlとbody要素はウィンドウの高さ全体を占めません。html, bodyウィンドウの高さ全体にそれらを強制するには、高さを明示的に設定する必要があります。

html, body {
    height:100%;
}

を強制的にhtml, bodyウィンドウの高さ全体に適用し、を要素div { width:100%; height:100%; }の子として配置することで、がウィンドウの幅と高さの 100% に引き伸ばされるbodyようにすることができます。div

2 に答える 2