Css Firefox背景图像怪异

Firefox没有像IE、Chrome或Safari那样解读我的背景标题图像。为什么呢

第页： 它应该是什么样子：

HTML:

加

它应该能工作。

添加

---

它应该能工作。

它能工作！为什么这些规则不从“banner”类转移和应用？@pianofighter我也在想同样的事情。在查看Chrome的开发工具时，我可以看到您添加了

后台位置

属性，但它在Firefox中不存在。很奇怪！兼容性之谜的另一个缺口。谢谢你的修复@钢琴点火器没问题。如果这个答案对你有帮助，请接受它。！！！StackOverflow新手-甚至没有看到meIt works可以使用复选标记！为什么这些规则不从“banner”类转移和应用？@pianofighter我也在想同样的事情。在查看Chrome的开发工具时，我可以看到您添加了

后台位置

属性，但它在Firefox中不存在。很奇怪！兼容性之谜的另一个缺口。谢谢你的修复@钢琴点火器没问题。如果这个答案对你有帮助，请接受它。！！！StackOverflow新手-甚至没有看到我可以使用复选标记

<header class="banner banner-1">
   <h1>About Us</h1>
</header>

.banner {
position: relative;
text-align: center;
overflow: hidden;
height: 229px;
padding-top:105px;
z-index: 0;
width: 100%;
margin: 0 auto;
background-color: #8ab2a9;
background-repeat: no-repeat;
background-position-x: center;
background-position-y: bottom; 
}

.banner-1 {
background-image: url(../images/banners/banner-01.jpg);
}

.banner-1 { background-position: center bottom;}