Javascript 根据背景位置更改光标url

我的代码如下：

 <a href="javascript:void(0)" id="Pencil_a" class="Pencil"></a>

---

当我点击链接时，光标不会改变它的默认图像我做错了什么？

你需要添加

光标：url（“images/globaleImg.png”），auto

.pencil_cursor
{
    cursor:url("images/globaleImg.png"),auto;
    display:block;
}


问题在于光标CSS中的
px
。不需要
px
，只需要数字

变化

cursor:url("images/globaleImg.png") -88px -415px;

到

仅供参考，X Y坐标用于更改光标的热点，而不是图像的实际位置

您还应该添加一个回退光标，以防浏览器无法从URL加载自定义光标

cursor:url("images/globaleImg.png") -88 -415, auto;

已修复：


作为补充说明，目前它认为页面的主体仅与href标记一样高。如果要更改整个页面正文的光标，需要添加以下内容，以确保正文为页面高度的100%

html, body {
    height: 100%;
}

问题#1
光标热点的坐标，将被夹持到
光标图像的边界。如果未指定，则坐标
从文件本身读取热点的个数（对于CUR和XBM文件）
或设置在图像的左上角

CSS3语法的一个示例是：

.foo  {
    cursor:  auto;
    //no pixel value, or negative
    cursor:  url(cursor1.png) 4 12, auto;
}

问题2
从

在Gecko（Firefox）中，光标大小的限制是128×128px。更大的
光标图像将被忽略。然而，你应该把自己限制在
尺寸为32×32，最大程度地兼容操作系统和
平台

（由于Gecko 1.9.2-1.9.2.6、Windows上的Firefox 3.6-3.6.6中存在漏洞）
限制为32x32px。这在更高版本中已修复。）

小提琴：
检查这把小提琴，你会看到它正在工作，你只需要一个较小的图像：

你能分享你的
Container\u div
class标签吗？它不是Container\u div，而是我编辑的body标签我的问题你在其他地方定义了其他自定义光标了吗？如果是这样，您必须检查新版本是否覆盖了上一版本。尝试使用
游标：url（…）！重要的@Sora：检查我的答案，这是由于图像大小restrictions@TomSarduy这不一定取决于图像的大小——我们甚至不知道图像有多大！问题是光标CSS中的
px
（参见我的答案）是的，如果单击链接，然后将鼠标悬停在链接之外，您将看到新光标。更改body和a的光标看起来更好，但对于页面上的其他元素来说，这是不灵活的<代码>$（'body，a'）.css（'cursor'，'progress'）问题出在url@TomSarduy问题在于光标URL末尾的X Y坐标CSS@olimortimer：你怎么能这么肯定应添加Check@olimortimer callback
auto
。这就是我已经回答过的。你的小提琴正在将新光标应用于一个特定的div。你认为op想要应用于整个页面。试着用这把小提琴，它非常好用。只需添加jquery插件，因为我无法更新我的fiddle。自动是一个后备，所以不是required@Yashhy当前位置我没有否决你的答案，不知道你为什么否决我的答案。。。但是你应该修改/删除这个@TomSarduy哈哈：我需要128个声誉来投票，这不一定取决于图像的大小——我们甚至不知道图像有多大！问题是光标CSS中的
px
（参见我的答案）@Olimotimer：是的，这是个问题，但即使没有像素，它也无法工作。。。我不知道图像的确切大小，但OP使用的是
背景位置：-88px-415px，因此，它大于88x415；）您可以使用-88px-415px定位1x1图像。这并不意味着图像比图像大88x415@olimorter：是的，但那没有任何意义，我编辑了我的答案
cursor:url("images/globaleImg.png") -88 -415, auto;

html, body {
    height: 100%;
}

.foo  {
    cursor:  auto;
    //no pixel value, or negative
    cursor:  url(cursor1.png) 4 12, auto;
}