Не удается загрузить URL-адрес фонового изображения CSS

Я пытаюсь использовать фоновое изображение в 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;
}

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

7
background-image css url

4 ответов

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

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

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

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

23

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

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

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

11

исходное местоположение должно быть 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:/// протокол префикс.

9

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

1