Ошибка нескольких фоновых изображений в Safari - PullRequest
1 голос
/ 22 февраля 2012

Я пытаюсь стилизовать элемент body с двумя изображениями.

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

Проблема в том, что Safari генерирует ошибку в консоли, жалуясь на то, что он не может найти файл изображения, который указан в последнем коде последним.

Фоновые изображения по-прежнему отображаются правильно.

Есть мысли о том, почему это накапливается?

Ответы [ 2 ]

2 голосов
/ 14 декабря 2013

Чтобы ответить на вопрос выше, ваш синтаксис неправильный.

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. Кто-нибудь еще, использующий несколько фоновых изображений, замечает это в своих журналах ошибок?

1 голос
/ 22 февраля 2012

Вы пробовали использовать фоновое изображение вместо фона?

...