14

イメージ マップを作成しましたが、Firefox では機能しません。Chrome と Safari の両方で問題なく動作します。

これはbryanedwardcollins.comのサイトです

助けてください！

    <MAP NAME="menumap" >
<AREA 
HREF="contact.html" ALT="contact" 
SHAPE="POLY" COORDS="425,100, 572,89, 594,142, 488,150, 460,166, 423,100">
    <AREA
    HREF="insameit.html" ALT="insame i.t." 
    SHAPE="POLY" COORDS="382,239, 462,245, 461,343, 608,344, 610,395, 354,405, 354,341">
    <AREA
    HREF="floorpart.html" ALT="floor part" 
    SHAPE="POLY" COORDS="307,185, 429,185, 430,221, 379,222, 374,235, 283,224">
    <AREA
    HREF="iouse.html" ALT="I O Use" 
    SHAPE="POLY" COORDS="27,18, 231,16, 243,0, 382,0, 253,265, 69,252, 193,73, 27,73">
    <AREA
    HREF="worldpart.html" ALT="world part" 
    SHAPE="POLY" COORDS="25,303, 122,305, 122,448, 27,449">
    </MAP>
4

2 に答える 2

4

Firefoxの別の問題とその解決策 -内で anchor() 要素<mapを使用していないことを確認してください。子要素がある場合、 Firefox は要素全体を無視します。<a><map><map><a><map>

has属性の<a>ために要素を使用しないことは明らかかもしれませんが、たとえば Ember.js では、次のようなコードを書くと便利でした。<area>href

<map id='human-image-map' name='human-image' action='showTooltip'>
    <section class="front" title="Pokaż ćwiczenia">
      {{#link-to 'training.shoulders'}}
        <area alt="Barki" shape="poly" coords="39,74,37,75,35,77,33,78,32,76,32,73,32,71,32,68,33,65,33,63,34,61,36,58,37,56,38,54,40,53,42,52,44,51,46,51,48,51,51,50,55,49,57,48,59,47,61,47,59,50,58,52" />
        <area alt="Barki" shape="poly" coords="112,74,114,75,117,77,119,79,121,77,121,74,121,71,121,68,119,65,117,62,116,59,113,57,111,54,109,53,106,51,103,50,99,49,96,47,93,46,90,45,90,48,92,50,93,52,95,54,97,56,99,59,101,62,103,65,106,68" />
      {{/link-to}}
    </section>
</map>

手動で属性を指定することはできません。ヘルパーhrefに任せるのがベスト プラクティスと考えられます。link-to

私の特定の Ember.js 問題の解決策は、 の代わりに別のタグを使用することでし<a>た。したがって、ヘルパーに追加tagName='span'するとlink-to、私の問題が解決しました:

{{#link-to 'training.shoulders' tagName='span'}}
  <!-- ... -->
{{/link-to}}

注:内部のChrome要素では問題なく動作します。<a><map>

于 2015-03-06T21:47:09.817 に答える