Html 尝试将背景拉伸到100%高度

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

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

---

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

实际上，CSS本身并没有问题，但为了让它正常工作，您需要（不幸地）添加浏览器前缀
尝试添加

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

---

确保设置了

html，body

的高度

默认情况下，

html

和

body

元素不占据窗口的整个高度。您必须显式设置

html，body

的高度，以强制它们跨越窗口的整个高度

html, body {
    height:100%;
}

通过强制

html，body

占据窗口的整个高度，然后将

div{width:100%；height:100%；}

作为

body

元素的子元素，可以确保

div

将拉伸到窗口宽度和高度的100%

---

这里有一个例子：

你在哪里设置高度和宽度？这可能会有帮助：这都是100%，我只是添加了相关代码而已。事实上你是一个懒散的程序员：p你也应该在你的答案中添加其他跨浏览器属性。这是错误的，Firefox从版本4开始就支持这个没有前缀的CSS属性：