2015-11-08 77 views
0

我在页脚中有一个块中有社交媒体图标。这里是非常简单的代码:在Chrome中破碎的图像,但在Firefox中都很好

<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 ok

铬显示: Chrome broken

任何人都知道如何解决这个问题?

感谢

回答

0

,你可以尝试

<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> 
+0

感谢吴庆瑞香港,我已经尝试过没有相对路径的第一个斜杠。但如果是这样,我也在Firefox中打破了图像。 – joufff

+0

对不起Swee Hong。根据你的建议,我删除了斜线。然后,我在两个浏览器上都得到了相同的结果,显示在主页中,但不显示在视图页面中。它似乎是与Drupal相关的路径问题。谢谢 – joufff

相关问题