直接打开html时未加载图像

当我使用括号运行我的项目时，它会获取背景图像，但是当我从目录直接打开它时，它不会加载，当我将它上载到服务器时，它也不会加载

Html代码

<header>
        <div class="header-logo"></div>
            <nav class="nav clearfix">
                <ul> 
                <li><a class="active" href="#">LOGIN</a></li> 
                <li><a href="#">SIGN UP</a></li> 
                <li><a href="#">PRODUCTS</a></li>
                <li><a href="#">ABOUT</a></li>
                <li><a href="#">HOME</a></li>
                </ul>
            </nav>
    </header>

这是我的目录结构：

---

测试此类问题的最佳方法就是在Firebug（或类似工具）中编辑CSS规则。您可以在那个里编辑路径，并检查它在什么情况下工作。你没有写任何关于域映射的内容，或者只是简单地打开了本地HTML页面？

如果css文件中的样式和css文件夹中的文件，那么你的url应该是url（../images/logo.png）；谢谢你让它工作了..可能是重复的事实上我指定了错误的路径，括号只是在内部将图像引用为（/images/logo.png），所以当我从桌面本地打开页面时，它没有加载，在更正了（../images/logo.png）的路径后，即使在服务器上，一切都正常工作

.header-logo

{
 width:20%;
 background-image: url('/images/logo.png');
background-repeat: no-repeat;
height:80px; 
float:left;
}