Custom cursor not working
I'm trying to use a custom cursor. It works fine in Chrome and Safari, but Firefox seems to ignore it. Here's the code:
div {
display: block;
cursor: url('/default-1x.png') 1x, url('/default-2x.png') 2x, default;
cursor: -webkit-image-set(url('/default-1x.png') 1x, url('/default-2x.png') 2x), default;
cursor: -moz-image-set(url('/default-1x.png') 1x, url('/default-2x.png') 2x), default;
}
div {
display: block;
cursor: url('/auto-1x.png') 1x, url('/auto-2x.png') 2x, auto;
cursor: -webkit-image-set(url('/auto-1x.png') 1x, url('/auto-2x.png') 2x), auto;
cursor: -moz-image-set(url('/auto-1x.png') 1x, url('/auto-2x.png') 2x), auto;
}
div {
display: block;
cursor: url('/pointer-1x.png') 1x, url('pointer-2x.png') 2x, pointer;
cursor: -webkit-image-set(url('pointer-1x.png') 1x, url('pointer-2x.png') 2x), pointer;
cursor: -moz-image-set(url('/pointer-1x.png') 1x, url('/pointer-2x.png') 2x), pointer;
}
I'm trying to use a custom cursor. It works fine in Chrome and Safari, but Firefox seems to ignore it. Here's the code:
div {
display: block;
cursor: url('/default-1x.png') 1x, url('/default-2x.png') 2x, default;
cursor: -webkit-image-set(url('/default-1x.png') 1x, url('/default-2x.png') 2x), default;
cursor: -moz-image-set(url('/default-1x.png') 1x, url('/default-2x.png') 2x), default;
}
div {
display: block;
cursor: url('/auto-1x.png') 1x, url('/auto-2x.png') 2x, auto;
cursor: -webkit-image-set(url('/auto-1x.png') 1x, url('/auto-2x.png') 2x), auto;
cursor: -moz-image-set(url('/auto-1x.png') 1x, url('/auto-2x.png') 2x), auto;
}
div {
display: block;
cursor: url('/pointer-1x.png') 1x, url('pointer-2x.png') 2x, pointer;
cursor: -webkit-image-set(url('pointer-1x.png') 1x, url('pointer-2x.png') 2x), pointer;
cursor: -moz-image-set(url('/pointer-1x.png') 1x, url('/pointer-2x.png') 2x), pointer;
}
Tất cả các câu trả lời (5)
Thanks for the link. I still can't figure out what I'm doing wrong.
Can you post a link to a publicly accessible page (i.e. no authentication or signing on required)?
Unfortunately no, can't do it publicly. I can email a login information if that's an option.
You can try image-set without the -moz prefix: image-set
Image-set isn't working yet in Firefox, so you will have to use other ways.
- bug 1107646 - (image-set) Implement image-set().
(please do not comment in bug reports
https://bugzilla.mozilla.org/page.cgi?id=etiquette.html)
See also:
Được chỉnh sửa bởi cor-el vào