在 Usemap/area 情况下，光标未更改为指针

Question

我有以下 HTML 代码，我无法在所有浏览器中正常工作：

 <div id ="right_header">
        <img id = "usemapsignin" src="/images/sign-in-panel-wo-FB.png" usemap = "#signin">
</div>
        <map name = "signin" >
            <area shape = "rect" coords = "30,10, 150, 50" target = "_blank" alt = "signin" id="signin"
                    onMouseOver="document.images['usemapsignin'].style.cursor='pointer'"
            onMouseOut="document.images['usemapsignin'].style.cursor='auto'"/>
            <area shape = "rect" coords = "0,113, 172, 150" target = "_blank" alt = "restowner" id = "restowner"
                onclick = "alert('Hello Restaurant Owner!')"   />
        </map>

当移动到 usemap 的一部分时，我试图将光标更改为指针。但它不适用于 Chrome/Safari。

任何帮助将不胜感激。

原文由 nitin 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

Chrome 和 Safari 不支持更改地图或区域元素的 CSS。在某个区域上获得鼠标指针的唯一直接方法是：

 <area ... href="javascript:void(0);" />

原文由 Nico Westerdale 发布，翻译遵循 CC BY-SA 3.0 许可协议