Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Opera and Custom cursor in CSS

Tags:

css

opera

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?

like image 632
Boris Callens Avatar asked Nov 29 '22 12:11

Boris Callens


2 Answers

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.)

like image 141
Anne Avatar answered Dec 06 '22 04:12

Anne


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.

like image 36
tibalt Avatar answered Dec 06 '22 04:12

tibalt