June 11, 2008 - Comments Off on Custom cursors and pseudo-class descendant selectors in IE 6

Custom cursors and pseudo-class descendant selectors in IE 6

Cursors

It's been awhile since I had to implement a custom cursor, but I figured it wouldn't be a problem—just set the cursor property to url(path/to/cursor.cur), right? Of course it's never that simple…

The full scoop can be found here, but in summary we need three rules:

cursor: url(cursor.cur), url(cursor/cursor.cur), default;

cursor: url(cursor.cur); works in Safari, but we need to add default to make it work in Firefox. url(cursor/cursor.cur) is for IE, since the base URI is the source element, not the style sheet.

A nice table/demo of CSS2 and CSS3 cursors can be found at http://www.worldtimzone.com/mozilla/testcase/css3cursors.html

Pseudo-class descendant selectors in IE 6

I just discovered that it is possible to use pseudo-class descendant selectors in IE 6 and put together a demo/tutorial.

Jeffrey Barke is senior developer and information architect at theMechanism, a multimedia firm with offices in New York, London and Durban, South Africa.

Published by: jeffreybarke in The Programming Mechanism
Tags: ,

Comments are closed.