2

Safari では表示されるロゴがありますが、Chrome では壊れたリンクとして表示され、Firefox ではまったく表示されません。

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

私はそれを何度も再アップロードし、別のパスとファイル名を試しました.

私がこれを台無しにする方法を知っている人はいますか？

4

2 に答える 2

3

私はこの同じ問題に遭遇しました。私にとっては、画像が破損していたことがわかりました。Photoshop で png ファイルを開こうとすると、ファイルを解析できないというエラーが表示されます。

何らかの理由で、safari は破損したファイルを表示できましたが、chrome は表示できませんでした。これが私の問題を修正した方法です。Macbook の「プレビュー」でファイルを正常に開くことができることに気付きました。Windows を使用している場合は、ペイントや gimp、または Photoshop 以外のプログラムを試してみてください。

  1. 破損したファイルを MacBook にダウンロードし、プレビューで開きました (> プレビューで開きます)。
  2. プレビュー アプリで、[ファイル] > [複製] に移動して、画像のコピーを作成します。
  3. その複製された画像を保存します
  4. 試しに、新しくコピーした画像をフォトショップで開いてみたところ、できました！
  5. 新しいファイルを Web サイトにアップロードします。クロムで画像を表示できるようになりました。

同じ問題に遭遇した人の助けになることを願っています。

于 2015-01-07T10:05:59.610 に答える
0

ファイル構造に問題がある可能性があります。現在、リンクは相対パス (例: href="index.html") を使用しています。参照しているファイルが現在のページ ファイルと同じディレクトリにある場合は、これで問題ありません。しかし、現在のページが「pages」ディレクトリなどの別の場所にある場合は、サイトのルートからリンクを開始するように指示する必要があります。それは次のようになりますhref="/index.html"(スラッシュに注意してください)。したがって、画像の場合、次のようになります。

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

于 2013-02-15T19:22:16.793 に答える