2015-11-08 50 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

相關問題