Question

我有一张html地图

＆＃13;

#!/bin/bash
exec grep -E -e '(\+|00)33[1-9]([-.]?)[0-9]{2}(\2[0-9]{2}){3}' "$@"

＆＃13;

#world {
  position: relative;
  cursor: url("http://cur.cursors-4u.net/cursors/images4/cur395.gif"), url("http://i50.tinypic.com/21b9fso.gif"), auto;
}
area {
  cursor: auto;
}

＆＃13;

光标在地图本身上方时是正确的，并且当超过tada.png时正确恢复，但是当光标悬停在区域形状上时，光标不会发生变化。我应该指的是当光标在地图圆圈上时更改光标？

Answer 1

您可以执行以下操作：

CSS

.circle:hover
{
    cursor: url("http://cur.cursors-4u.net/cursors/images4/cur395.gif"), url("http://i50.tinypic.com/21b9fso.gif"), auto;
}

Answer 2

由于您的<area>元素具有href属性，因此游标的auto行为应为pointer。如果您需要默认鼠标光标，则需要将CSS更改为。

area {
    cursor: default;
}

Here is your JSFiddle updated with this change

可以找到其他CSS Cursor选项listed at MDN

将光标css应用于区域地图

2 个答案: