图像不显示/加载

Question

我试图为我们的某个存储库的网页设置徽标。我设法将徽标放在基础html上，因为整个站点都使用了该代码，它只是根据用户在导航栏中点击的内容调用目录中的html片段。

问题：它在主页（仪表板）中正确显示，但是当您单击其他导航栏项时，图像会转换为图像无法加载时通常会看到的图标。

这是网站：http://dir.coe.upd.edu.ph/

<div class="image" style="position:absolute; padding: 5px;">
        <img src="../static/css/images/logo.png" class="responsive-image">
</div>
<div style="background-color:#d07837;height:300px;width:100%;position:absolute;z-index:-10;"> </div>
<div class="container" style="margin-top:50px;">

        <div>
            <h1 class="page-title">{% block page_title %}{% endblock page_title %}</h1>
        <div class="row-fluid">

            <div class="span12 well content-box">

                {% block body %}{% endblock body %}
            </div>                
        </div>
</div>

我目前仍在编辑网站，我发现了这个问题。该网站是通过codeigniter和bootstrap构建的

Answer 1

您的图片位于http://dir.coe.upd.edu.ph/static/css/images/logo.png

位置

所以你的image标签的src属性应该是

<img src="/static/css/images/logo.png" class="responsive-image">

Answer 2

html不在同一级别，因此你的img标签的src属性是错误的。

这是chrome devtools在不同页面上显示的内容。

  

logo.png / static / css / images

     

logo.png / works / static / css / images＆lt; - 此处没有图片   夹。它应该在/ static / css / images

中

其中一个未找到，因为它们不同。尝试使用绝对路径或更改模板的位置。

解决方案将图片标记更改为

<img src="/static/css/images/logo.png" class="responsive-image">

Answer 3

查看图片...希望此帮助