Important Notice: We're experiencing email notification issues. If you've posted a question in the community forums recently, please check your profile manually for responses while we're working to fix this.

Avatar for Username

ძიება მხარდაჭერაში

ნუ გაებმებით თაღლითების მახეში. აქ არავინ უნდა მოგთხოვოთ ტელეფონზე დარეკვა, შეტყობინების გაგზავნა ან პირადი მონაცემების გაზიარება. რამე საეჭვოს შემჩნევისას გთხოვთ გვაცნობოთ „დარღვევის მოხსენებით“.

ვრცლად

Custom cursor not working

  • 5 პასუხი
  • 1 მომხმარებელი წააწყდა მსგავს სიძნელეს
  • 13 ნახვა
  • ბოლოს გამოეხმაურა cor-el

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; }

ყველა პასუხი (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.

(please do not comment in bug reports
https://bugzilla.mozilla.org/page.cgi?id=etiquette.html
)

See also:

ჩასწორების თარიღი: , ავტორი: cor-el