css 自定义 cursor 问题

Question

我刚开始编码，如果我说愚蠢的话，不要评判我。 我正在尝试为我的网站制作服装 cursor，但它无论如何都不起作用。 我什至设置了图像大小，即 32x32 像素。 这是我尝试使用的图片

我不工作，而不仅仅是这张图片：我什至尝试过其他图片，png 和 svg。 我同时使用了“指针”和“自动”，但什么也没用。 不能在 Safari 上工作，也不能在 Chrome 上工作。 有人能帮助我吗？ 太感谢了！ 我的代码是

body{background-color: #F3F1EB; cursor: url("plane.png"), pointer;}

Answer 1

您的 CSS 很好，因此我只能想象这是以下问题之一：

plane.png 图像与您的.html 文件不在同一个文件夹中
plane.png 图像大于 32x32 像素
您尚未将 CSS 包含在<style></style>标记中
您的<body>标记中没有任何内容，因此不会触发 CSS

这是经过测试和工作的：

<html>
    <style>
        html {
        background-color: #F3F1EB; 
        cursor: url('plane.png'), pointer;
        }
    </style>
    <body>
       //Your page contents here
    </body>
</html>

注意：我使用 HTML 选择器进行测试。

最后一点 - 出于多种原因，将 cursor 更改为自定义映像是不好的做法。 主要是对网站的用户体验产生负面影响。

Answer 2

请检查图片是否位于正确的文件夹中。 我使用您提供的图片的完整路径，它正在工作。

 body{ background-color: #F3F1EB; cursor: url("https://i.stack.imgur.com/KDrS2.png"), pointer; }

 <h1>test</h1>

Answer 3

解决方法在这里：！！ 在 CSS 级别执行此操作：

* {
   cursor: url("https://i.stack.imgur.com/KDrS2.png"), pointer;
}

css 自定义 cursor 问题

问题描述

3 个解决方案

解决方案1
0 已采纳 2020-05-09 14:02:56

解决方案2
0 2020-05-09 14:04:44

解决方案3
0 2020-05-09 14:44:25

css 自定义 cursor 问题

问题描述

3 个解决方案

解决方案1 0 已采纳 2020-05-09 14:02:56

解决方案2 0 2020-05-09 14:04:44

解决方案3 0 2020-05-09 14:44:25

解决方案1
0 已采纳 2020-05-09 14:02:56

解决方案2
0 2020-05-09 14:04:44

解决方案3
0 2020-05-09 14:44:25