【问题标题】:Possible to replace cursor with my own custom image?可以用我自己的自定义图像替换光标吗?
【发布时间】:2012-07-31 01:41:55
【问题描述】:

除了这些之外,是否可以替换光标图标:

http://www.w3schools.com/cssref/tryit.asp?filename=trycss_cursor

使用我在 Photoshop 中设计的自定义图像?我知道这是可能的,因为我见过一些带有自定义图像的光标网站。问题是:我该怎么做以及它是否是标准方法?我可以确定它适用于所有浏览器吗?

【问题讨论】:

标签: javascript jquery html css


【解决方案1】:

是的,就是这样……

cursor: url(path/to/image.png);

jsFiddle.

【讨论】:

  • 酷!不知道答案这么简单:)。 w3schools 上的任何地方都没有提到这一点。
  • 为什么改成image.cur?我可以不指定任何png图像吗?
  • @Jack 我有一种感觉,也许只有cur 可以工作(也许旧的 IE 只支持它)。但我对其进行了测试,jpg 有效,所以我看不出png 不可用的任何原因。
【解决方案2】:

试试这个:cursor: url(image.png);

看段'Property Values':http://www.w3schools.com/cssref/pr_class_cursor.asp

【讨论】:

    【解决方案3】:

    是的。当我完成您的光标图像后,只需将其上传到主机网站(网上有很多),然后使用以下 css 属性来使用它。假设您想在图像上使用它,只需这样做:

    img  {
       cursor: url(path to your hosted cursor image) ;
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2017-09-01
      • 2010-09-25
      • 2015-11-13
      • 2012-04-24
      • 2018-07-29
      • 2012-02-27
      • 2011-02-20
      • 1970-01-01
      相关资源
      最近更新 更多