Chrome 中的图像损坏，但在 Firefox 中一切正常答案

【问题标题】：Broken image in Chrome but all good in FirefoxChrome 中的图像损坏，但在 Firefox 中一切正常
【发布时间】：2016-02-09 04:07:25
【问题描述】：

我在页脚的一个块中有社交媒体图标。这是非常简单的代码：

<p style="text-align:center">
<a href="http://www.facebook.com/mypage" target="_blank"><img src="/sites/default/files/pictures/Iconfb100.png"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<a href="http://twitter.com/mypage" target="_blank"><img src="/sites/default/files/pictures/Icontw100.png"></a>
</p>

在本地主机上工作，它在 Firefox 上运行良好，但在 Chrome 中显示损坏的图像图标。我已经删除了 alt 属性，但仍然。就是不明白为什么。

Firefox 显示： Firefox ok

Chrome 显示： Chrome broken

有人知道如何解决这个错误吗？

谢谢

【问题讨论】：

标签： image google-chrome firefox

【解决方案1】：

你可以试试

<p style="text-align:center">
<a href="http://www.facebook.com/mypage" target="_blank"><img src="sites/default/files/pictures/Iconfb100.png"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<a href="http://twitter.com/mypage" target="_blank"><img src="sites/default/files/pictures/Icontw100.png"></a>
</p>

【讨论】：

感谢 Swee Hong，我已经尝试过在相对路径中不使用第一个斜杠。但如果是这样，我也在 Firefox 中破坏了图像。
对不起瑞宏。根据您的建议，我删除了斜线。然后我在两个浏览器上都有相同的结果，显示在主页中但不在视图页面中。这似乎是与 Drupal 相关的路径问题。谢谢