瀏覽器Firefox的HTML顯示

我有幾個疑問相對於顯示HTML：

我有一個設置爲使用CSS如下我的HTML頁面的<body></body>組件的背景圖像：

body { 
    background: url('XYZ.jpg') no-repeat; 
    background-position: center top; 
    background-size: 100%; 
    background-color: #422102; 
    font-family: "Algerian"; 
    font-size: 15pt; 
    color: #F8F8FF; 
}

對於上面的設置，背景圖像完全覆蓋了Chrome中的顯示窗口，而不是Firefox中的顯示窗口。我可以在Firefox中看到背景顏色。

我該如何使這一致？

當我還沒有爲<body></body>部分設置大寫字母時，Chrome和Firefox中的內容以大寫字母顯示。我怎樣才能解決這個問題？

來源

2011-03-14 name_masked

background-size不是廣泛支持的CSS屬性。使用-moz-background-size以及background-size以使其在FF 3.6+中工作。見quirksmode。
您的CSS中某處必須有一個text-transform: uppercase，或者您的文本是全部大寫字母，或者您正在使用只有大寫字母的字體。

來源

2011-03-14 01:56:59

感謝布萊恩，但我怎麼能保證背景圖像是100％的Firefox版本3.5或更低，因爲圖表說，'-moz-背景size'不支持Firefox 3.5或以下 – 2011-03-14 03:38:48

你無法通過背景圖像和CSS實現。我認爲唯一的方法是通過JavaScript動態調整大小的圖像標籤，它帶有一系列其他問題（可禁用js，奇怪的z-index問題，圖像失真，窗口滾動等）。 – 2011-03-14 03:48:37

瀏覽器Firefox的HTML顯示

回答

相關問題