Avatar for Username

Mozilla Destek’te Ara

Destek dolandırıcılığından kaçının. Mozilla sizden asla bir telefon numarasını aramanızı, mesaj göndermenizi veya kişisel bilgilerinizi paylaşmanızı istemez. Şüpheli durumları “Kötüye kullanım bildir” seçeneğini kullanarak bildirebilirsiniz.

Daha Fazlasını Öğren

Bu başlık arşivlendi. Yardıma ihtiyacınız varsa lütfen yeni bir soru sorun.

Custom cursor not working

  • 5 yanıt
  • 1 kişi bu sorunu yaşıyor
  • 2 gösterim
  • Son yanıtı yazan: cor-el

flyingsaucerhat
flyingsaucerhat
more options

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üm Yanıtlar (5)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

See:

flyingsaucerhat
flyingsaucerhat Sorunun sahibi
more options

Thanks for the link. I still can't figure out what I'm doing wrong.

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Can you post a link to a publicly accessible page (i.e. no authentication or signing on required)?

flyingsaucerhat
flyingsaucerhat Sorunun sahibi
more options

Unfortunately no, can't do it publicly. I can email a login information if that's an option.

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

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 tarafından tarihinde düzenlendi