Firefox背景图像古怪

Firefox并未像IE，Chrome或Safari那样解释我的背景标题图像。这是为什么？Firefox背景图像古怪

页：http://wlvrtn.com/sites/nms/page.php 应该怎么看：http://cl.ly/OCbp

HTML：

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

CSS：

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

来源

2013-04-10 pianofighter

添加

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

它应该工作。

来源

2013-04-10 19:20:48

它的工作原理！那些规则如何不能从“横幅”课程转移和申请？ – pianofighter 2013-04-10 19:25:53

@pianofighter我想知道同样的事情。在查看Chrome的开发工具时，我可以看到你添加了“background-position”属性，但它不在Firefox中。很奇怪！ – 2013-04-10 19:31:36

兼容性奥秘的另一个缺口。感谢您的修复！ – pianofighter 2013-04-10 19:34:42

Firefox背景图像古怪

回答

相关问题