光标不改变CSS

cwdobuhd  于 2023-05-02  发布在  其他
关注(0)|答案(2)|浏览(132)

你好,我缝有一个问题,我的HTML和CSS代码,基本上我想做的是改变我的光标到一个自定义的,所以链接到一个图像。
我在网上找到的所有资源都说应该这样做
body{ cursor: url(path/to/cursor.png) }
我把path/to/cursor.png改成了img/custom-cursor.png,但看起来它不想改变。
我在网上查了一下,似乎没有其他办法,我检查了我的代码,我没有改变光标在其他任何地方,所以不应该有任何问题。我也试过通过链接链接到外部图像,但也没有帮助。

klr1opcd

klr1opcd1#

尝试如下重命名

cursor: url('path/to/image.png'), auto;

也可以尝试调整png文件的大小,以便它可以实际显示。如果仍然不工作,我们提供了一个汽车关键字,因为它可以是浏览器的问题,因为不是所有的浏览器支持PNG作为光标

lnlaulya

lnlaulya2#

1.请确保在路径周围使用引号。
1.确保你使用的是分号,就像这样-

body
{
  cursor: url('img/custom-cursor.png');
}

1.确保图像足够小。如果它太大,它将不能作为光标工作。最大光标大小为128 x128像素,但最好将其保持在32 x32像素左右。

相关问题