img src标记不显示图像

我试图在使用img src标记的网页页脚处显示社交媒体图标（应该很简单）。图像没有显示，我找不到问题。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; 
}

来源

2014-10-03 nextstep

Works fine http://jsfiddle.net/opsh1os8/ – 2014-10-03 14:17:59

确保路径正确。试试images/twitter.png而不是/images/twitter.png。你可以添加内部类的CSS源代码吗？ – eiKatte 2014-10-03 14:26:18

确保你的图像名称是正确的..并没有像“＃” – 2016-04-15 05:33:18

固定的问题，我将路径重定向到我的资产文件夹，它是映像文件夹所在的位置，

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

它的工作。不过，真的不知道为什么！

来源

2014-10-03 14:40:12 nextstep

小心，您可能指向错误的文件夹或错误的图像。你可能有2个相同的twitter图像。如果这是一个可以投入使用的项目，那么当你投入主机时，它可能会中断。 – 2014-10-03 14:48:44

@nextstep我在Chrome Canary 64中有一个透明的twitter徽标，完全一样的问题。你不疯狂......有一个问题。图像确实以33kb 200代码形式出现，但是是0x0px。颜色版本加载得很好。 – BenRacicot 2017-11-07 20:51:11

我要说的是，图像不在目录或将src路径是不正确的代码。

在控制台中，你会得到任何404错误？

来源

2014-10-03 14:19:04 AJTECH

我刚刚得到图像被认为是破碎的图像标签。我会在我原来的帖子中添加一个截图。 – nextstep 2014-10-03 14:25:41

打开您的控制台（在大多数浏览器中右键单击+检查元素），查看您的图像URL是否损坏。

您也可以点击它生成的网址。机会是在路径开始的/不是你想要的。这将转到您的根路径，而不是当前目录。尝试使用images/twitter.png来代替。

你正在寻找的路径可能是这样的：

http://localhost/myproject/images/twitter.png

因为初始/但是，这是你的浏览器将寻找的网址：

http://localhost/images/twitter.png

来源

2014-10-03 14:26:49

img src标记不显示图像

回答

相关问题