如何将热点设置为自定义光标的中心？

Question

我正在使用光标CSS属性在网页上使用自定义光标（png图像）。我想知道我是否可以将光标位置居中（如Windows中的十字光标），而不是使用默认的左上角位置。

一种解决方案是隐藏光标并使用自定义光标创建一个div，该光标将跟随光标位置，但也许有人有更好的解决方案。

Answer 1

如果光标为.cur格式（IE中仅支持.cur和.ani），那么您用来创建.cur的任何程序都可以设置热点在标题中。

如果您使用的是任何其他图片类型，则CSS 3允许设置热点的x和y值：

#myEl { cursor: url(mycursor.png) <x> <y>; } 

     

支持：

     

  
• Firefox 1.5+
  
• Safari 3 +
  
• Chrome 1 +
  

参考

• http://www.w3.org/TR/css3-ui/#cursor
• https://developer.mozilla.org/en/Using_URL_values_for_the_cursor_property

Answer 2

您也可以使用这个神奇的链接http://www.cursor.cc/建立自己的.cur文件 不仅如此，热点也可以决定并放置在这里。