Html css自定义光标问题_Html_Css

Html css自定义光标问题

html css

Html css自定义光标问题,html,css,Html,Css,我刚开始编写代码，如果我说傻话，不要评判我。我正试图为我的网站制作一个服装光标，但它无论如何都不起作用。我甚至设置了图像大小，即32x32像素我不工作，不仅仅是这个图像：我甚至尝试了其他的，png和svg。我用了“指针”和“自动”，但什么也没用。不在Safari上工作，也不在Chrome上工作。有人能帮我吗？非常感谢你！我的代码是 body{背景色：#F3F1EB；光标：url（“plane.png”），指针；}您的CSS很好，因此我只能想象这是以下问题之一： plane.png图像

我刚开始编写代码，如果我说傻话，不要评判我。我正试图为我的网站制作一个服装光标，但它无论如何都不起作用。我甚至设置了图像大小，即32x32像素

我不工作，不仅仅是这个图像：我甚至尝试了其他的，png和svg。我用了“指针”和“自动”，但什么也没用。不在Safari上工作，也不在Chrome上工作。有人能帮我吗？非常感谢你！我的代码是

body{背景色：#F3F1EB；光标：url（“plane.png”），指针；}

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

plane.png图像与.html文件不在同一文件夹中

plane.png图像大于32x32像素

您没有将CSS包含在

标记中

您的

标记中没有任何内容，因此CSS不会触发

这是测试和工作：

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


html{
背景色：#F3F1EB；
游标：url（'plane.png'），指针；
}
//你的网页内容在这里

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

最后一点-将光标更改为自定义图像是一种糟糕的做法，原因有很多。主要是，它会对站点的用户体验产生负面影响。

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

正文{
背景色：#F3F1EB；
游标：url（“https://i.stack.imgur.com/KDrS2.png指针；
}

测试

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

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

plane.png图像是否与HTML文件位于同一文件夹中？是的，它位于同一文件夹中：/