我有一个带有导航的幻灯片,当用户悬停并单击页面的右侧和左侧时应用该导航。
出于某种原因,当我将光标设置为指针或 w-resize 时,它们可以正常工作,但是一旦我像下面这样应用自己的图像,它们就不起作用了。
我想知道是否有人知道为什么会发生这种情况。我已确保图像低于 30px x 30px,因为我认为这是一个问题,但我似乎无法让它工作。
下面是我正在使用的 css……</p>
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;
}
非常感谢!