Не удалось загрузить URL-адрес фонового изображения CSS - PullRequest
7 голосов
/ 19 июня 2011

Я пытаюсь использовать фоновое изображение в CSS, но хотя я и указал полный путь к изображению, это не работаетFirebug показывает «Не удалось загрузить данный URL».Я уверен, что в этой папке нет проблем с правами доступа.Мой класс CSS

body {
background: url("H:/media/css/static/img/sprites/buttons-v3-10.png") repeat-x scroll left -800px #DCDCDC;
color: black;
font: 13px/1.2em arial,helvetica,clean,sans-serif;
height: 100%;
position: relative;
}

Что может быть причиной проблемы?

Ответы [ 4 ]

23 голосов
/ 19 июня 2011

Вы используете локальный путь.Это действительно то, что вы хотите?Если это так, вам нужно использовать префикс file:///:

file:///H:/media/css/static/img/sprites/buttons-v3-10.png

, очевидно, это будет работать только на вашем локальном компьютере.

Также во многих современных браузерах это работает толькоесли сама страница также находится на локальном пути к файлу.Адресация локальных файлов с удаленных (http://, https://) страниц была широко отключена по соображениям безопасности.

12 голосов
/ 06 сентября 2013

Я знаю, что это действительно старая версия, но я в любом случае публикую свое решение, так как Google находит эту тему.

background-image: url('./imagefolder/image.jpg');

Именно так я и поступаю.Две точки означают переход на один каталог ближе к корню "..", а один "."должно означать start там, где вы находитесь, как если бы это был root .У меня были похожие проблемы, но я решил, что это было исправлено.Вы даже можете оставить "."в нем при загрузке на ваш хост, потому что он должен нормально работать , если ваши настройки каталога точно такие же.

9 голосов
/ 19 июня 2011

Местоположением источника должен быть URL (относительно файла css или полного веб-местоположения), а не полный путь файловой системы, например:

background: url("http://localhost/media/css/static/img/sprites/buttons-v3-10.png");
background: url("static/img/sprites/buttons-v3-10.png");

Кроме того, вы можете попробовать использовать file:/// префикс протокола.

1 голос
/ 19 июня 2011

исходный URL для изображения может быть URL-адресом на веб-сайте, например http://www.google.co.il/images/srpr/nav_logo73.png или https://https.openbsd.org/images/tshirt-26_front.gif, или если вы хотите использовать локальный файл, попробуйте это: url ("file: /// MacintoshHDOriginal /Пользователи / lowri / Рабочий стол / acgnx / image s / images / acgn-site-background-X_07.jpg ")

...