css background-image无法加载故障排除

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