Opera and Custom cursor in CSS

StackOverflow https://stackoverflow.com/questions/447038

  •  22-07-2019
  •  | 
  •  

Question

Where I normally am verry proud of Opera for implementing everything CSS really correct it seems that implementing a custom cursor with the following line doesn't seem to work

cursor:url("../pics/merge.gif");

The URL is correct since it works for regular background-image properties.
Works in other browsers, but not in Opera.

Any ideas?

Was it helpful?

Solution

There is a workaround for opera using javascript:

http://plugins.jquery.com/project/customcursor

works ok, tested in opera 11, though I'd recommend usual css approach for other browsers, especially older ie, which are not too fast even without js.

OTHER TIPS

Opera has not yet added support for that. That line is incorrect though, per the specification a fallback cursor is required. So you have to write e.g.

cursor:url("path/to/cursor"), wait;

(Disclaimer: I work for Opera.)

Opera doesn't seem to support the url property. It might even be being removed from the spec (will check that).

the js version is really slow. There is also a filesize limit on the image. https://developer.mozilla.org/en/CSS/cursor is a good place to read about CSS cursors.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top