Настройка фонового изображения div с помощью JQuery

Question

Я использую JQuery, чтобы установить фоновое изображение div следующим образом:

$(document).ready(function() {
    $('#pic').css("background","url(images/pic.jpg)");  

 });

Но изображение не отображается. Как это исправить?

Спасибо.

Answer 1

возможно, это также работает с background, но я всегда использую

background-image

А также я всегда ставлю кавычки вокруг пути

$('#pic').css("background-image","url('images/pic.jpg')"); 

Answer 2

Должно работать, но вы пытались использовать "background-image" вместо "background"?

Кроме того, вы можете правильно перейти к изображению через браузер? То есть имя_домен / изображения / pic.jpg

Редактировать : Кроме того, вы установили ширину и высоту для div? Div не будет автоматически изменять размер фонового изображения.

Answer 3

Вероятно, это связано с проблемами относительного пути.

Каков путь (т. Е. URL, который отображается в панели навигации браузера) для страницы, содержащей код, который вы опубликовали?Где это по отношению к каталогу изображений?

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

Лучший способ справиться с этим - определить класс в файле CSS, сделать URL-адреса изображения относительно расположения самого файла CSS, а затем просто применить класс к вашему DIV вместо установкииндивидуальные атрибуты стиля.