多个背景图像在 Safari 中导致错误答案

【问题标题】：Multiple background images casuses error in Safari多个背景图像在 Safari 中导致错误
【发布时间】：2013-12-14 05:35:20
【问题描述】：

我正在尝试使用两个图像来设置 body 元素的样式。

background: url(bg2.png) repeat-x, url(bg1.png) repeat;

问题是 Safari 在控制台中生成错误，抱怨它如何找不到上面代码中最后指定的图像文件。

背景图像仍然显示正确。

有什么想法为什么会这样吗？

【问题讨论】：

您是否尝试将 url 放在首位（同一行），然后将其他属性放在不同的行中？我可能是错的，但多个背景遵循一定的语法，不是吗？
是的，语法有点奇怪，但 Chrome 并没有抱怨代码。只是想想Safari是否存在错误或一些解决方法。
我在多种背景的 safari bug 上找不到任何 cmets...它已经支持了一段时间 caniuse.com/multibackgrounds
可能需要指定位置，试试background: url(bg2.png) top left repeat-x, url(bg1.png) top left repeat;

标签： html css safari webkit

【解决方案1】：

要回答上述问题，您的语法不正确。

body{
background-image: url("../img/logo.jpg"), url("../img/background.png");
background-repeat:no-repeat, repeat-y;
background-position: right 30px, right top;
background-attachment:fixed, scroll;
background-color:#ffffff;
color:#000000;
}

注意：第一张图片的堆叠顺序最高。

现在我的问题与多个背景图像有关。检查我的错误日志，我注意到上述背景图像的错误。我试图通过使用绝对 URL 来解决此问题，但无济于事。我只能假设这些 404 是由旧版本的 IE 引起的。其他使用多个背景图片的人会在他们的错误日志中注意到这一点吗？

【讨论】：

【解决方案2】：

你试过用背景图片代替背景吗？

【讨论】：

background-image 和 background-repeat，即。
我将background shortkut 分解为background-image、background-repeat 和background-position，它解决了我跨Safari 版本的问题。