css背景在safari中不起作用

Question

以下适用于body标签的样式在safari中不起作用。问题在于颜色＃faf5ef。它在野生动物园中显示黑色（v 5.1.7）。任何人都可以建议问题是什么以及如何解决它？

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

Answer 1

更改参数的顺序如下：

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

最后的颜色不是标准的方式，这是一个小小的奇迹，它可以在任何其他地方使用。

通常，使用简写background属性时，值应按以下顺序排列：

background: color image repeat attachment position;

它们中的任何一个都可以省略，但它们仍然应该是相同的顺序。

Answer 2

更改此行

background: url(images/body_bg.png)

像这样使用

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

Answer 3

我很确定您的问题是 PNG

尝试使用图像编辑器（如Photoshop）并将bg设置为更大的宽度（我假设您的速度为1px-10px），如20px-25px ......

同时将它们保存为非隔行扫描png 会有所帮助。

查看您的图片，它看起来像透明度，因此删除透明度。

并且具有正确的高度。

试试。

HEre是工作图像（jpg）的一个例子 http://cssdeck.com/labs/68urshrp

这适用于（在iPad上），因此它显示 png需要编辑