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

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

2 个答案: