将光标悬停在背景 1 上时用图像替换光标答案

【问题标题】：Replace cursor with image when hovering over background 1将光标悬停在背景 1 上时用图像替换光标
【发布时间】：2015-08-06 09:13:55
【问题描述】：

我正在尝试为我的网站的第 1 阶段显示一个 png 而不是我的光标。背景图像转换在 jQuery 中，其余在 PHP、CSS、HTML 中。我研究并使用了每个人似乎都在使用但光标不会出现的代码。我检查了图像的命名和路径是否正确。 Chrome 上的检查元素也没有显示错误。如果您能找到错误，请告诉我...

光标应仅与第一个背景一起出现（“顶部”）。任何提示都非常感谢！

CSS：

.top {
     position: absolute;
     top: 0px;
     bottom: 0px;
     left: 0px;
     right: 0px;
     z-index: 100;
     width: 100%;
}

.top: hover {
    cursor: url("images/cursorcamera.png");

jQuery

$(document).ready(function(){
    var audioElement = document.createElement('audio');
    audioElement.setAttribute('src', 'audio/camera.wav');

    $('*').click(function(){
        audioElement.play();
        $('.top').fadeOut('slow')

       // $('.second').fadeOut('slow').delay(1000);
        $('.second').delay(5000).fadeOut();
        $('#counter').delay(5000).fadeOut();
   });
});

【问题讨论】：

很确定您不希望在: 和hover 之间有空格。
更不用说，无论如何，如果它是:hover，光标只会在元素上，所以只需简化并将cursor规则放在.top上，而不用打扰:hover。
谢谢 - 我也试过了，但没有什么不同。也已将其替换为新图像以进行检查。加载图像也没有错误..还有什么可以阻止光标出现吗？

标签： jquery html css hover cursor

【解决方案1】：

不要使用悬停。在您的顶部 css 元素中声明光标 url，当您将鼠标悬停在该元素上时它将起作用。

【讨论】：

我不再使用悬停。已将代码更改为上述代码并且指针有效。所以一定是网址。我尝试过使用“”或“”或不使用。仍然没有出现。

【解决方案2】：

我试过了，指针出现了，而不是图像......所以它以某种方式工作，只是不是图像......
。最佳 { 位置：绝对；顶部：0px；底部：0px；左：0px；右：0px； z 指数：100；宽度：100%；光标：url（图像/cursorcamera.png），指针； }

【讨论】：