Firefox没有正确显示背景

Question

以下问题。我创建了一个简单的英雄单元，并希望给它一个很好的背景。到现在为止还挺好。现在，当在Chrome中显示它时，我没有任何问题，它适合所有尺寸。使用Mozilla Firefox我只有它的真实大小的图片，重复向左和向下。什么是错的人？

    .hero .landing {
    background:url(../images/header.png);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  height:550px;
  background-repeat:no-repeat;

}

我感谢各方面的帮助！

Answer 1

试试这个：

   .hero .landing {background:url(../images/header.png) no-repeat;background-size:cover; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;height:550px;}