中心有Cursor属性(像十字准线)?

时间:2014-07-21 18:42:24

标签: html css properties cursor

我正在制作一个jquery射击/瞄准游戏,我不完全确定如何将鼠标的焦点移动到中心(即十字准线属性),如此(底线):

#num {
    position: relative;
    height: 20px;
    left: 45%;
    top: -40px;
    text-align: center;
    width: 10%;
    background: gray;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: url(c_hair.png), crosshair; /* HERE IS THE PROBLEM */
}

感谢!!!
更新
我试图使光标图像的焦点位于中心(例如,使用十字准线或“精确”光标),而不是默认的左上角(例如,使用指针)。

2 个答案:

答案 0 :(得分:0)

既然你有图像,你为什么需要十字准线? 你能用这个

吗?

cursor: url(c_hair.png), auto;

答案 1 :(得分:0)

一位朋友告诉我这是一个解决方案,而且有效。

cursor: url(c_hair.png), auto x y

...首先将光标偏移x像素,然后偏移y像素。