Question

为什么我的自定义光标没有显示？我已经尝试过.cur，.gif，.jpg和.png。他们都没有出现！

body, html {
cursor:url(images/minired/ayes/purp.cur);
cursor:url(images/minired/ayes/purp.png);
cursor:url(images/minired/ayes/purp.gif);
cursor:url(images/minired/ayes/purp.jpg);
}

Answer 1

之所以不显示它们，是因为未定义光标本身，因此必须通过在末尾添加光标名称来对其进行定义。

这是游标名称的列表：

alias
all-scroll
auto
cell
context-menu
col-resize
copy
crosshair
default
e-resize
ew-resize
grab
grabbing
help
move
n-resize
ne-resize
nesw-resize
ns-resize
nw-resize
nwse-resize
no-drop
none
not-allowed
pointer
progress
row-resize
s-resize
se-resize
sw-resize
text
url
w-resize
wait
zoom-in
zoom-out

这是应该如何实施

html, body {
  cursor: url(images/minired/ayes/purp.cur), default;
  cursor: url(images/minired/ayes/help.png), help;
  cursor: url(images/minired/ayes/move.gif), move;
  cursor: url(images/minired/ayes/text.jpg), text;
}

来源：：这是指向working DEMO的链接。

HTML-为什么我的自定义CSS非动画光标没有显示？

1 个答案: