img src 标签不显示图像

nex*_*tep 1 html css image

我正在尝试使用 img src 标签在网页页脚显示社交媒体图标(应该很简单)。图片没有显示,我找不到问题所在。

html

<div class="mastfoot">
    <div class="inner">
        <p><a href="#"><img src="/images/twitter.png"></a></p>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS

.mastfoot {
    position: fixed;
    bottom: 0;
}
Run Code Online (Sandbox Code Playgroud)

我可能忽略了一些简单的事情,但提前致谢!

这是我在浏览器中检查图像文件时得到的结果。

在此输入图像描述

这是 CSS 内部类的代码

.site-wrapper-inner {
    display: table-cell;
    vertical-align: top;
}

.inner {
    padding: 30px;
}

.site-wrapper-inner {
    vertical-align: middle;
}
Run Code Online (Sandbox Code Playgroud)

nex*_*tep 5

解决了问题,我将路径重定向到我的资产文件夹,即图像文件夹所在的位置,

<img src="assets/twitter.png">
Run Code Online (Sandbox Code Playgroud)

它奏效了。虽然真的不知道为什么!