爲什麼`<area>`上的CSS指針不能在IE和Chrome中工作？

當使用下面的代碼時，當鼠標移動到IE和Chrome中的<area>上時，我的指針不會變成指針光標，但它在Firefox中正常工作。我應該如何改變它，以便它可以在IE和Chrome中運行？爲什麼`<area>`上的CSS指針不能在IE和Chrome中工作？

<img id="fr_main_img" src="image_main.png" usemap="#fr_main_img" alt="" width="700" height="230"/> 
<map id="joinReward" name="fr_main_img"> 
    <area shape="rect" coords="551,178,675,211" style="cursor: pointer;"/> 
</map>

來源

2013-07-13 Debjeet Das

除了指定cursor:pointer的，你可以只指定一個必須像一個錨通過添加href屬性來處理。我猜測如果光標需要改變，它可以通過某種方式點擊。試試這個：

<map id="joinReward" name="fr_main_img"> 
    <area shape="rect" coords="551,178,675,211" href="#" /> 
</map>

來源

2013-07-13 06:30:23

是否有可能，我把它作爲'HREF = 「JavaScript的：無效（0）;」'，因爲如果我把它作爲'href =「＃」'然後我沒有得到所需的輸出 –

當然，它是唯一的問題與內嵌JavaScript是它會導致錯誤，如果javascript被禁用。 –

謝謝亞爾...它解決了..謝謝大家 –

必須在屬性href指定值：

<img id="fr_main_img" src="image_main.png" usemap="#fr_main_img" alt="" width="700" height="230"/> 
<map id="joinReward" name="fr_main_img"> 
    <area shape="rect" coords="551,178,675,211" href="#" style="cursor: pointer;" /> 
</map>

來源

2013-07-13 06:32:33 amatellanes

爲什麼`<area>`上的CSS指針不能在IE和Chrome中工作？

回答

相關問題