在 Usemap/area 情况下，光标不会更改为指针 [英] Cursor not changing to pointer in Usemap/area case

问题描述

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

<img id = "usemapsignin" src="/images/sign-in-panel-wo-FB.png" usemap = "#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('你好餐厅老板！')"/></地图>

我试图在移动到 usemap 的一部分上时将光标更改为指针.但它在 Chrome/Safari 中不起作用.

任何帮助将不胜感激.

解决方案

Chrome 和 Safari 不支持更改地图或区域元素的 CSS.在区域上获取鼠标指针的唯一直接方法是:

I have the following HTML code which I cannot get to work quite right in all browsers:

<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>

I am trying to change the cursor to pointer when moved over a part of the usemap. But its not working in Chrome/Safari.

Any help will be appreciated.

解决方案

Chrome and Safari don't support changing the CSS of map or area elements. The only straightforward way to get a mousepointer on an area is to have:

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

这篇关于在 Usemap/area 情况下，光标不会更改为指针的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！