直接打开html时图像未加载答案

【问题标题】：Image not loading on when html directly opened直接打开html时图像未加载
【发布时间】：2015-05-03 07:31:19
【问题描述】：

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

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;
}

这是我的目录结构：

【问题讨论】：

如果css文件中的样式和css文件夹中的文件，那么你的url应该是url(../images/logo.png);
谢谢它的工作..
CSS Images In another Folder 的可能重复项

标签： html css

【解决方案1】：

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

【讨论】：

实际上我指定了错误的路径，括号只是在内部将图像引用为（/images/logo.png），所以当我从本地桌面打开页面时，它没有加载，之后更正 (../images/logo.png) 的路径，即使在服务器上也一切正常