Skip to content

Instantly share code, notes, and snippets.

@GeekaholicLin
Created July 1, 2016 10:01
Show Gist options
  • Save GeekaholicLin/f8737814b4cc271442e6e3d812b63874 to your computer and use it in GitHub Desktop.
Save GeekaholicLin/f8737814b4cc271442e6e3d812b63874 to your computer and use it in GitHub Desktop.
map+area 热点区域的鼠标cursor样式

当使用密集型按钮时,需要用到map+area热区域的办法,使得按钮的区域不冲突。 在线工具

当大部分按钮的鼠标样式为cursor:point;的时候,为了使得不可用按钮的鼠标样式为指针,需要使用cursor:default将原本cursor:point样式覆盖。 需要注意的是cursor:auto是看浏览器自身对于该元素的默认鼠标样式。w3school鼠标样式 还有一点需要注意的是IE浏览器的兼容性,当area元素中含有href属性时,IE默认鼠标样式为手指(其他元素一样),即使设置了其鼠标样式也无济于事。 所以,需要将areahref属性移除。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment