html - img src 标签不显示图片

标签 html css image

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

html

<div class="mastfoot">
    <div class="inner">
        <p><a href="#"><img src="/images/twitter.png"></a></p>
    </div>
</div>

CSS

.mastfoot {
    position: fixed;
    bottom: 0;
}

我可能忽略了一些简单的事情,但在此先感谢您!

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

enter image description here

这是CSS内部类的代码

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

.inner {
    padding: 30px;
}

.site-wrapper-inner {
    vertical-align: middle;
}

最佳答案

已解决问题,我将路径重定向到我的 Assets 文件夹,这是图像文件夹所在的位置,

<img src="assets/twitter.png">

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

关于html - img src 标签不显示图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26180657/

相关文章:

JavaScript 自动幻灯片放映

javascript - 按类将函数应用于 div

Android gridview 就像 flickr 中的一样

html - 将 margin 应用于 flex 元素

css - 元素在给定动画属性时失去过渡

python - 不锐化/平滑图像中人物 body 的边界

java - 使用 ImageIO.read 给出修改后的图像

javascript - 是否可以通过 JavaScript 修改视频流

html - CSS 工具提示放在哪里

html - 三圈悬停进度条样式