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

Question

我在网页上使用了一个自定义光标(png图像)，它使用了光标CSS属性。我想知道是否可以居中光标位置(就像Windows中的十字线光标)，而不使用默认的左上角位置。

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

Answer 1

如果光标为.cur格式(IE仅支持.cur和.ani )，则无论您使用哪个程序来创建.cur，都可以在标题中设置热点。

如果您使用任何其他图像类型，CSS3允许设置热点的x和y值：

光标#myEl {

：url(mycursor.png)；}

支持：

• 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文件，不仅如此，热点也可以确定并放置在这里。