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

发布于 2024-12-11 10:58:57 字数 146 浏览 0 评论 0原文

我在网页上使用光标 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

网白 2024-12-18 10:58:57

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

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

#myEl { 光标:url(mycursor.png) ; ; } 

支持:

  • 火狐浏览器1.5+
  • Safari 3+
  • Chrome 1+

参考

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 and y values of the hotspot to be set:

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

Supported in:

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

References

江湖彼岸 2024-12-18 10:58:57

您还可以使用这个令人惊叹的链接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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文