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背景圖像古怪

回答

相關問題