如何将热点设置为自定义光标的中心?
我在网页上使用光标 CSS 属性使用自定义光标(png 图像)。我想知道是否可以将光标位置居中(如 Windows 中的十字光标)而不使用默认的左上角位置。
一种解决方案是隐藏光标并使用自定义光标创建一个 div,该光标将跟随光标位置,但也许有人有更好的解决方案。
I'm using a custom cursor (png image) on a web page using cursor CSS attributes. I'd like to know if I can center the cursor position (like the cross-hair cursor in Windows) and not using the default top-left position.
One solution will be to hide the cursor and create a div with the custom cursor which will follow the cursor position but maybe someone has a better solution.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
如果您的光标是
.cur
格式(IE 中仅支持.cur
和.ani
),则无论您使用哪个程序来创建.cur
可以在header中设置热点。如果您使用任何其他图像类型,CSS 3 允许设置热点的
x
和y
值:参考
If your cursor is in
.cur
format (only.cur
and.ani
are supported in IE), then whichever program you use to create the.cur
can set the hotspot in the header.If you're using any other image type, CSS 3 allows the
x
andy
values of the hotspot to be set:References
您还可以使用这个令人惊叹的链接
http://www.cursor.cc/
形成您自己的.cur文件不仅如此,还可以自行决定并放置热点。
Also you can form your own .cur file using this amazing link
http://www.cursor.cc/
Not only this the hotspot can also be decided and placed here itself.