Firefox未正确显示背景

以下问题。我创建了一个简单的英雄单位，并希望给它一个很好的背景。到现在为止还挺好。现在，在Chrome中展示时，我没有任何问题，并且适合所有尺寸。使用Mozilla Firefox我只把它的真实大小的图片重复到左边和下边。什么是错的家伙？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; 

}

我很感谢各种帮助！

来源

2014-09-24 user3644606

你错过了标准的'背景size'财产！ – 2014-09-24 13:35:14

你可能也想'background-position：center;'。 – Mandera 2014-09-24 13:36:05

试试这个：

.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;}

来源

2014-09-24 13:38:36

谢谢！现在它的工作。你能向我解释错吗？ – user3644606 2014-09-24 13:44:23

你没有给出实际的背景大小，所以它引起了问题。我可以给出一个建议，对于跨浏览器支持，您可以使用prifixmycss.com使代码跨浏览器支持。请将ans标记为正确。 – 2014-09-24 19:17:55

Firefox未正确显示背景

回答

相关问题