在Firefox中存在圖像映射問題

我的圖像地圖在Firefox中無效，但它適用於Chrome和Safari。我認爲它與div內的一些標籤有關。難道你們幫我了，因爲我不知道很多關於這一點：在Firefox中存在圖像映射問題

<div style="font-size: 14px" id="tabs-1"> 
    .... 
    <img src="/data/04_cvit/input.fa_x_Glyma1aaunq_gray.png" style="display:block;margin-left:auto;margin-right:auto" usemap="#CViT_image_gray"></img> 
    <map name="#CViT_image_gray"> 
     <area onmouseover="mouseover_toggle('Glyma02g37330..173..179..694..700')" shape="rect" coords="173,694,179,700" href="http://soybase.org/gb2/gbrowse/gmax1.01/?start=42605601;stop=42707190;ref=Gm02;[email protected]" target="_blank"></area> 
     <area onmouseover="mouseover_toggle('Glyma02g37330..1013..1019..723..729')" shape="rect" coords="1013,723,1019,729" href="http://soybase.org/gb2/gbrowse/gmax1.01/?start=44520215;stop=44621936;ref=Gm14;[email protected]" target="_blank"></area> 
     <area onmouseover="mouseover_toggle('Glyma02g37330..313..319..147..153')" shape="rect" coords="313,147,319,153" href="http://soybase.org/gb2/gbrowse/gmax1.01/?start=6118288;stop=6218620;ref=Gm04;[email protected]" target="_blank"></area> 
    </map> 

    <div id="Glyma02g37330..173..179..694..700" style="border: 2px solid rgb(0, 0, 0);background-color: rgb(239,237,233); z-index: 1; visibility: hidden; position: absolute; width: 250px; left: 394px; top: 774px;"> 
     <input type="button" name="closeDiv" value="Close" onclick="mouseover_toggle('Glyma02g37330..173..179..694..700')"></input> 
     <br /> Query = Glyma02g37330 <br />Target = Glyma02g37330 
     <br />Chromosome = Gm02 <br />Start = 42605601 <br />End = 42707190 
     <br /> 
     <a href="http://soybase.org/gb2/gbrowse/gmax1.01/?start=42605601;stop=42707190;ref=Gm02;[email protected]">Click to view in GBrowse</a> 
    </div> 

    <div id="Glyma02g37330..1013..1019..723..729" style="border: 2px solid rgb(0, 0, 0);background-color: rgb(239,237,233); z-index: 1; visibility: hidden; position: absolute; width: 250px; left: 394px; top: 774px;"> 
     <input type="button" name="closeDiv" value="Close" onclick="mouseover_toggle('Glyma02g37330..1013..1019..723..729')"></input> 
     <br /> Query = Glyma02g37330 
     <br />Target = Glyma14g35580 
     <br />Chromosome = Gm14 
     <br />Start = 44520215 
     <br />End = 44621936 <br /> 
     <a href="http://soybase.org/gb2/gbrowse/gmax1.01/?start=44520215;stop=44621936;ref=Gm14;[email protected]">Click to view in GBrowse</a> 
    </div> 

    <div id="Glyma02g37330..313..319..147..153" style="border: 2px solid rgb(0, 0, 0);background-color: rgb(239,237,233); z-index: 1; visibility: hidden; position: absolute; width: 250px; left: 394px; top: 774px;"> 
     <input type="button" name="closeDiv" value="Close" onclick="mouseover_toggle('Glyma02g37330..313..319..147..153')"></input> 
     <br /> Query = Glyma02g37330 
     <br />Target = Glyma04g07910 
     <br />Chromosome = Gm04 
     <br />Start = 6118288 
     <br />End = 6218620 
     <br /> 
     <a href="http://soybase.org/gb2/gbrowse/gmax1.01/?start=6118288;stop=6218620;ref=Gm04;[email protected]">Click to view in GBrowse</a> 
    </div> 
</div>

來源

2011-12-12 bdeonovic

解決方案：顯然，您的地圖必須命名爲name =「MAPNAME」，並且在您的標記中必須使用usemap =「＃MAPNAME」。在谷歌瀏覽器中這不是必需的，但它是在Firefox中。去搞清楚。 – bdeonovic

您不應該在問題或意見中提出解決方案。把它作爲答案並將其標記爲已接受。然後人們可能也會投票回答。 – tw16

確保您的地圖名稱出現在MAP和IMG標籤既像下面這樣：

<map name="name123">... 

<img src="yoururlhere" usemap="#name123">

來源

2011-12-13 18:20:50 3Cdesign

在Firefox中存在圖像映射問題

回答

相關問題