通过url更改css自定义光标(...)

时间:2017-12-01 17:02:48

标签: html css cursor

这是一个链接,如果这会有所帮助:

lovesongforever.com/nancytributes

尝试添加自定义css游标。如果我尝试使用标准光标 测试目的,例如"等待",光标变化正常发生......但不是 通过url(...)

自定义css游标

没有",帮助"

无法让css游标规范正常工作



.surpriseCursor {
	cursor: url(clapping_hands.gif), help;   /* max size = 32 X 32 pixels */
}

<a name="surprise"> </a>
<a href="#surprise" onclick="PlaySound('applause', 'applause.mp3'); return false">
<img class="surpriseCursor" src="Broken_Heart.gif"><p>
</a>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:3)

您需要指定一个默认光标,以防您的自定义光标无法加载,如果没有它,您就没有正确的CSS属性。根据W3C:

  

以逗号分隔的自定义游标的URL列表。注意:始终指定   列表末尾的通用游标,如果没有   可以使用URL定义的游标

这应该在大多数情况下(绝对是你的)设置为自动。

正确的代码:

.surpriseCursor {
    cursor: url(clapping_hands.gif), auto;
}

请参阅链接: https://www.w3schools.com/cssref/pr_class_cursor.asp