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: CSS, ie6
Comments are closed.