html直接打开时图像无法加载

Question

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

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>

的CSS：

.header-logo

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

这是我的目录结构：

Answer 1

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