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


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

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


4332
2017-10-21 11:52


起源

我怀疑有更好的(甚至是不同的)解决方案。 :] - freakish


答案:


如果你的光标在 .cur 格式(仅限 .cur 和 .ani IE中支持,然后用你创建的程序 .cur 可以设置标题中的热点。

如果您使用任何其他图像类型,CSS 3允许 x 和 y 要设置的热点的值:

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

支持:

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

参考


8
2017-10-21 12:30



非常感谢,它有效! - Kevin


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


2
2017-07-02 12:58