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

我只是想让光标成为自定义图像。我到处都遵循了所有指令，但它仍然无法工作：为什么我的自定义光标不工作？

CSS：

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

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

来源

2014-10-10 Markus Hallcyon

我想你的图像路径不正确http://jsfiddle.net/victor_007/fL2qL4k2/它为我工作 – 2014-10-10 15:27:16

图像路径改变你'URL（../图像/ rsz_red_crosshair.gif）' – 2014-10-10 15:30:52

是的，这是正确的，我知道这是显而易见的，即使我找了一个小时。非常感谢。 – 2014-10-10 17:21:38

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

来源

2014-10-10 15:29:02 dhyppolite

非常感谢你，这就是问题所在！ – 2014-10-10 17:22:20

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

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

来源

2014-10-10 15:33:29 GibboK

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

回答

相关问题