Question

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

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

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

背景图像仍然显示正确。

有关为什么会这样做的任何想法？

Answer 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引起的。其他使用多个背景图像的人会在错误日志中注意到这一点吗？

Answer 2

您是否尝试使用背景图片而不是背景？

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

2 个答案: