css - 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;
}

score 1 · Accepted Answer

更改此行

background: url(images/body_bg.png)

像这样使用

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

score 1 · Accepted Answer

像这样更改参数的顺序：

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

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

通常，对于速记background属性，值应按以下顺序排列：

background: color image repeat attachment position;

它们中的任何一个都可以省略，但它们仍应按相同的顺序排列。

score 0 · Accepted Answer

我很确定你的问题是PNG

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

也将它们保存为非隔行 png 会有所帮助。

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

并有合适的高度。

试试看。

这里是一个工作图像的例子 (jpg) http://cssdeck.com/labs/68urshrp

这有效（在 iPad 上），因此它显示png 需要编辑

3 回答 3