0

次のコードを使用して、画像と関連する画像マップを読み込みます。

<span><%= image_tag bookcase.image_url.to_s, :usemap => "#shelfmap" %></span>
<map name="#shelfmap">
  <area shape="rect" coords="0,0,500,100" href="\" alt="test" />
</map>

画像マップはGoogleChromeに読み込まれますが、何らかの理由でFirefoxに表示されません。ソースコードを確認しましたが、画像のusemapパラメータが「#shelfmap」に設定されています。他に何が問題になるのかわかりません。

4

1 に答える 1

2

細かい仕様から：

usemap =hash- namereference
画像を関連付けるマップ要素へのハッシュ名参照。

そして、ハッシュ名参照とは何ですか？さて、ハッシュ名の参照は次のとおりです。

タイプタイプの要素への有効なハッシュ名参照は、 ""文字で始まり、その後にドキュメント内の任意のタイプタイプの要素の属性の#値と完全に一致する文字列が続く文字列です。name

つまり、持っている場合は、画像マップを定義するための要素<img usemap="#x">が必要です。属性にはハッシュが含まれていない<map name="x">ことに注意してください。nameしたがって、次の<map>ようになります。

<map name="shelfmap">
  <area shape="rect" coords="0,0,500,100" href="\" alt="test" />
</map>

Chromeは（属性#内のname）エラーを無視することで優れていますが、Firefoxは、意味を推測しようとするのではなく、仕様に固執することを強制することで優れています。

于 2012-06-16T22:08:14.430 に答える