Question

我已经制作了一个css，它应该有一个自定义光标。图像文件是.png和.cur，两者都是32x32。但是他们只适用于Firefox。在边缘，使用替代光标。我如何解决它？这是代码：

body {
        background-repeat: no-repeat;
        background-image: url("cyan_magenta_colors-wide.jpg");
        background-color: #cccccc;
        font-family: Comic Sans MS;
        width: 99%;
        cursor: url("banoscursorsmall.png"), url("banoscursorsmall.cur"), zoom-in;

放大只是为了检查它是否有效

Answer 1

根据我在下面链接的页面中找到的示例，我建议您尝试添加＆＃34; auto＆＃34;最后。

print_numbers

CSS : cursor property

Answer 2

如果你想光标在空白的html体上，那么你必须提到身高。

body {
    background-repeat: no-repeat;
    background-image: url("cyan_magenta_colors-wide.jpg");
    background-color: #cccccc;
    font-family: Comic Sans MS;
    width: 99%;
    height:100vh; //(vh=viewport height)//you can also use px.
    cursor: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/9632/happy.png"), zoom-in;

}

CSS自定义光标在chrome中不起作用

2 个答案: