css背景在safari中不起作用

Question

以下應用於body標籤的樣式在safari中不起作用。問題是＃faf5ef的顏色。它在safari中顯示黑色（v 5.1.7）。任何人都可以提出問題可能是什麼，以及如何解決它？

body { 
    background: url(images/body_bg.png) no-repeat top center #faf5ef; 
    padding:0px; 
    margin:0px; 
} 

Answer 1

我敢肯定你的問題是PNG

嘗試將一個圖像編輯器（如Photoshop）和使bg變成更大的寬度（我假設你有它在1px-10px）像20px-25px ...

還將它們保存爲非隔行PNG幫助。

看着你的圖像它看起來像它的透明度，所以刪除透明度。

和它有合適的高度。

試試看。

這裏是一個工作的圖像（jpg）的例子 http://cssdeck.com/labs/68urshrp

這工作（在iPad上），所以它顯示了PNG需要編輯

Answer 2

變化的參數，這樣的順序：

background: #faf5ef url(images/body_bg.png) no-repeat top center; 

顏色的到底是不是反正一個標準的方式，這是一個小小的奇蹟它的工作原理其他地方。

一般來說，用速記background屬性值應該按以下順序：

background: color image repeat attachment position; 

其中任何一個可以省略，但他們仍然應該以相同的順序。

Answer 3

改變這一行

background: url(images/body_bg.png) 

使用這樣

background: url('images/body_bg.png') 
background-repeat: no-repeat; 
background-position: center top; 
background-color: #faf5ef;