鉻和火狐中的破碎圖像在Safari瀏覽器中工作

我有一個標誌顯示在Safari中，但在Chrome中它顯示爲斷開的鏈接，根本不顯示在Firefox中。鉻和火狐中的破碎圖像在Safari瀏覽器中工作

  <a href="index.html"><img src="images/logo-01.png"/></a>

我重新上傳了很多次，甚至嘗試過替代路徑和文件名。

任何人都知道我可能會搞砸嗎？

來源

2013-02-15 Joseph Fisher

您是否嘗試過使''標記不能自行關閉，並執行此操作？此外，還應該聲明圖像的高度和寬度，以便瀏覽器可以保留適當的空間。 – defaultNINJA 2013-02-15 19:18:34

另一個想法是，你是否有任何外部CSS應用於這些可能是原因的元素？我只問，因爲我在我的網站上有這個相同的標記，它可以在我的PC和Mac上用於Chrome，Safari，IE10。 – defaultNINJA 2013-02-15 19:26:37

這可能是您的文件結構的問題。現在您的鏈接正在使用相對路徑（例如href="index.html"）。如果您所引用的文件與當前頁面文件位於同一目錄中，則無此問題。但是，如果您的當前頁面位於其他地方，比如在「網頁」目錄中，則需要告訴鏈接從網站根目錄開始。這看起來像href="/index.html"（注意斜槓）。因此，對於圖像，你必須：

<a href="/index.html"><img src="/images/logo-01.png"/></a>

來源

2013-02-15 19:22:16

除非你正在做'../ image/logo-01.png'，否則你不需要這個，不需要領先的'/'。 – defaultNINJA 2013-02-15 19:23:31

假設該頁面與圖像位於同一目錄中，則可以將其關閉。我會更新的答案是更具體 – 2013-02-15 19:25:57

這將有助於，如果他給更多的代碼和他的目錄結構。我假設它是相同的目錄，但考慮到它在Safari中的工作。 – defaultNINJA 2013-02-15 19:28:27

我碰到了同樣的問題。對我來說，事實證明圖像是腐敗的。如果我試圖在photoshop中打開png文件，我會得到一個錯誤，說它無法解析文件。

無論出於何種原因，safari可能會顯示損壞的文件，但chrome無法顯示。這是我如何解決我的問題。我注意到我的MacBook上的「預覽」可以打開文件。如果您正在使用Windows，可能嘗試使用Paint或Gimp或除Photoshop之外的其他程序。

我下載了損壞的文件到我的MacBook，與預覽
在預覽應用程序（用>預覽打開）打開它，去到文件>複製，這使得圖像的副本
保存那重複的圖像
作爲一個測試，我試圖在photoshop中打開新的複製圖像，我能夠！
將新文件上傳至網站。我現在能夠用chrome查看圖像。

希望能幫助任何遇到同樣問題的人。

來源

2015-01-07 10:05:59 user1096865

我不會說謊，這聽起來像一個愚蠢的答案。試過它，因爲沒有其他工作，它修復了它。 – Cripto 2015-09-26 09:14:24

鉻和火狐中的破碎圖像在Safari瀏覽器中工作

回答

相關問題