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;