如何獲得重複背景以在Firefox中獲得正確的位置偏移？

我正在使用網站http://simplyclassicremodeling.com。文本和背景圖像按照Chrome的需要放置; IE有一個單獨的問題I asked about elsewhere，但用Firefox的背景圖像不在預期的地方（文本是它的意思，但身體和頭部的背景圖像分別在左邊和高於他們的預期位置）。如何獲得重複背景以在Firefox中獲得正確的位置偏移？

我該如何告訴Firefox將背景放在與Chrome相同的位置？

來源

2012-01-27 JonathanHayward

Firefox似乎沒有正確解釋background-position-x和background-position-y，不知道該規範是否正確。只需使用background-position因爲人們通常會想到，像這樣：

body { 
    background-image: url("/img/side_border.png"); 
    background-repeat: repeat-y; 
    background-position: 240px 0; 
    font-family: 'Macondo Swash Caps', cursive; 
    font-size: larger; 
    overflow-x: hidden; 
} 

header { 
    background-image: url("/img/top_border.png"); 
    background-position: 0 160px; 
    background-repeat: repeat-x; 
    height: 200px; 
    padding-left: 310px; 
    width: 100%; 
}

這個工作對8.0.1當我通過Firebug的變化進行編輯。

來源

2012-01-27 17:49:47 lpd

這是正確的。 Firefox不支持'background-position-x'或'background-position-y'。目前只支持IE和Safari。 – 2012-01-27 17:52:47

感謝您的信息。 – JonathanHayward 2012-01-27 18:03:31

如何獲得重複背景以在Firefox中獲得正確的位置偏移？

回答

相關問題