Устранение неполадок css background-image not loading

Question

У меня есть фрагмент кода ниже. Я ожидаю, что у div будет этот фоновый логотип. Это не происходит. Все файлы js загружаются правильно, так как другие части страницы работают нормально.

Два вопроса:

1- Использование сетевого сниффера я не вижу запрос на logo.png. Возможные причины?

2- Есть ли способ узнать, какой путь URL-адреса используется браузером без использования сетевого анализатора? Я хотел знать, следует ли мне использовать ./ или ../ или что-то еще для правильного полного пути.

<script type="text/javascript"> 

    $(document).ready(function() { 
     $("#test").css("background-image", "SomeLongMultiLevelPath/logo.png"); 
    }); 

</script> 

<div id="test"> 
</div> 

Answer 1

Попробуйте это:

$("#test").css("background-image", "url(SomeLongMultiLevelPath/logo.png)"); 

... предполагается, что ваш путь к изображению прав.

Answer 2

Да, так это было, как я уже сказал: url(SomeLongMultiLevelPath/logo.png) Что касается каталога, точки используются для перехода на один уровень:

//Home 
// Dir1 
//// Image.png url(../Dir1/image.png) 
// Dir2 
//// Yourpage.html