html - 自定义光标不起作用？

Question

我有一个带导航的幻灯片，当用户悬停并单击页面的右侧和左侧时应用该导航。

出于某种原因，当我将光标设置为指针或 w-resize 时，它​​们可以正常工作，但是一旦我像下面那样应用我自己的图像，它们就不起作用了。

我想知道是否有人知道为什么会发生这种情况。我已确保图像低于 30px x 30px，因为我已经将其视为一个问题，但我似乎无法让它工作。

下面是我正在使用的 css...

CSS

#previous {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 5px 55px;
    left: 0;
    z-index: 999;
    opacity: 0;
    cursor: url(images/crosscursor.png), auto;
}

#next {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 5px 55px;
    right: 0;
    z-index: 999;
    opacity: 0;
    cursor: url(images/crosscursor.png), auto;
}

非常感谢!

Answer 1

试试 cursor: url('/images/crosscursor.png'), auto;