Question

我正在尝试创建一个完整页面div（100％宽度和高度）。但是在Firefox中，它并没有完全伸展。这是我的代码： -

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

我已经尝试了很多，但我不知道出了什么问题。

Answer 1

实际上你的CSS没有任何问题，但是为了让它正常工作你需要（不幸的是）添加浏览器前缀
尝试添加

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

Answer 2

请务必设置html, body的高度。

默认情况下，html和body元素不占用窗口的整个高度。您必须明确设置html, body的高度，以强制它们跨越窗口的整个高度。

html, body {
    height:100%;
}

通过强制html, body占据窗口的整个高度，然后将div { width:100%; height:100%; }作为body元素的子项放置，您可以确保div将伸展到窗口宽度和高度的100％。