Custom cursor werkt niet

[Loeri]

Heb tijdje geleden zelf eens een website gemaakt die net zoals een spel ingame was maar dan dus via html, css en js..

Nu gebruik ik de volgende code:

body{cursor:url(moh.png), crosshair;}

Dit heeft vroeger gewerkt maar nu krijg ik een soort van kruis, zie http://www.loeri.tk

 

[csshunter]

Hoi Loeri,
Ja, je krijgt nu de crosshair, die is opgegeven als de moh.png niet werkt.
En de browser kan de moh.png niet vinden, dus ...
Maar de zelfbouw-cursor zit wel op de site! (loeri.tk/moh.png). Kijk, hier is 'tie:

Nu heb je in het css-stylesheet opgegeven:

body { cursor:url(moh.png), crosshair; }

... met een relatief pad tov het stylesheet! ...
... en het stylesheet zit hier: www.loeri.tk/styles/moh.css ...
... dus het cursor-image wordt gezocht op www.loeri.tk/styles/moh.png ... en daar staat het niet.

Je krijgt 'm in principe wel te pakken door het absolute pad op te geven:

body { cursor: url(http://loeri.tk/moh.png), crosshair; }

Maar!
Een eigengemaakte cursor doet het niet in alle browsers!

• In elk geval niet in Opera t/m 11.50.
• In elk geval niet in IE7.
• Wel in de huidige Firefox, Chrome en Safari.
• Hoe het met IE8 en IE9 gaat weet ik niet.

Met vriendelijke groet,
CSShunter
_________
PS:

body { cursor: url(http://loeri.tk/moh.png), default; }

geeft in geval van nood het aanwijs-pijtje ipv een crosshair: dat lijkt meer op jouw pijltje!
Voor alle mogelijkheden: zie hier.

 

[Loeri]

Ow ja bedankt! Had vroeger ook dit probleem gehad waar kwam er niet meer op.

Nu komt de cursor alleen maar in het body gedeelte weet je soms hoe ik het over heel het venster kan maken?

:thumb:

 

[csshunter]

html { cursor: url(http://loeri.tk/moh.png), default; }

?

 

[guidogast]

probeer eens:

html { cursor: url(http://loeri.tk/moh.png), default; }

 

[csshunter]

@guidogast: dat was mooi tegelijk!

 

[guidogast]

@guidogast: dat was mooi tegelijk!

Hehe inderdaad

 

[Loeri]

Ja die werkt goed, bedankt alle 2!