css自定义光标问题

问题描述 投票:-1回答:1

我刚开始打码,如果我说的是傻话,不要批评我。我想为我的网站做一个服装光标,但是怎么做都不行。我甚至设置了图片大小,是32x32像素。这是我尝试使用的图片

我不工作,不只是与此图像。我甚至尝试了其他的,png和svg。我用了 "指针 "和 "自动",但什么都没有.在Safari上不能工作,在Chrome上也不能工作.有人能帮助我吗? 谢谢你这么多!我的代码是

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

html css
1个回答
0
投票

你的CSS很好,因此我只能想象是以下问题之一。

  1. plane.png图片和你的.html文件不在同一个文件夹里。
  2. 平面.png图片大于32x32像素。
  3. 你没有将你的CSS包含在 <style></style> 标签
  4. 你没有任何内容在你的 <body> 标签,因此,CSS没有被触发

这个经过测试,可以用。

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

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

最后一点--将光标改为自定义图片是不好的做法,原因有很多。主要是,它对网站的用户体验产生了负面影响。


0
投票

请检查图片是否位于正确的文件夹中。我使用的是你给的图片的完整路径,它是有效的。

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

0
投票

解决方法在这里!!! 在CSS层面上做。

* {
   cursor: url("https://i.stack.imgur.com/KDrS2.png"), pointer;
}
© www.soinside.com 2019 - 2024. All rights reserved.