为什么我的自定义光标不起作用？

Question

我只是想让光标成为自定义图像。我已经按照所有指示操作，但它仍然不起作用：

CSS：

body, html {
    margin: 0px; padding: 0px;
    border: 1px solid red;
    cursor: url(images/rsz_red_crosshair.gif), crosshair;
}

图像为32x32。样式表正确链接，因为边框正在显示。第二个选项（内置十字准线）工作正常。只是想知道我做错了什么，我确信这对其他人来说相当明显。

Answer 1

你的风格语法是正确的，我自己实现它只是为了确定。我会确认你的图像的位置。

Answer 2

这个CSS应该可以解决你的问题。在引号中包含URL并确保路径正确。

body {
    margin: 0px;
    padding: 0px;
    width:100%;
    cursor: url('http://icons.iconarchive.com/icons/hopstarter/plastic-mini/32/Cursor-icon.png'), auto;
}