2011-01-24 40 views
0

我使用新的CSS3規範「背景大小」有一個稍微溢出頁面大小的背景圖像。它在webkit中運行良好(Chrome瀏覽器& Safari),但「-moz-background-size」屬性在Firefox中完全不起作用。不尋常的是,如果您觀看現場直播,使用Firebug查看網站時顯示「-moz-background-size」屬性IS! FF文檔說,它支持3.6以及我正在運行3.6。CSS3背景大小的Firefox錯誤?不工作,但在Firebug VISIBLE - Firefox 3.6

生產版本的網站:http://anasmadance.com.s66112.gridserver.com/

這裏是我的代碼:

@media screen and (max-width: 1150px) { 
/* special sytles for browser windows less than 1150px */ 
body{ 
-o-background-size: 130%; -webkit-background-size: 130%; -khtml-background-size: 130%; -moz-background-size: 130%; 
background-size: 130%; 
} 
#trans_fake{ 
-o-background-size: 130%; -webkit-background-size: 130%; -khtml-background-size: 130%; -moz-background-size: 130%; 
background-size: 130%; 
} 
} 

任何調試建議?

回答

1

我很快就試圖通過螢火添加!important指令,它似乎工作:

-moz-background-size: 130% auto !important; 

但我不明白什麼是壓倒一切的。我發現你將-moz特定的供應商放在標準的供應商之後,試着將其反轉。只是一個猜測。

+1

我認爲這是因爲'body'上的'-moz-background-size'被更具體的`.page-id-7,.... {background:url(「images/bg-beach。 jpg「)無重複固定中心頂部#000000}`。 – thirtydot 2011-01-24 15:55:58

相關問題