Closed
Bug 286838
Opened 20 years ago
Closed 10 years ago
4umi.com - CSS cursor syntax for url()-defined custom cursors is wrong
Categories
(Web Compatibility :: Site Reports, defect)
Web Compatibility
Site Reports
Tracking
(Not tracked)
RESOLVED
WORKSFORME
People
(Reporter: Waldo, Unassigned)
References
()
Details
(Whiteboard: [invalid-css-cursor] [contactready] [doc])
The correct syntax for url()-specified CSS cursors says that to use a
url()-defined cursor, it must be one option in a list that ends with a cursor
value listed in the CSS specification[1] (e.g., pointer, auto, wait, help,
etc.). Examples of the proper syntax are:
<style type="text/css">
p { cursor: url(http://www.example.com/testcursor.cur),auto; }
</style>
<span style="cursor:url(http://www.example.com/testcursor.cur),auto"></span>
However, the syntax specified at the site is an IE-specific alternate which
allows for the omission of the fallback cursor. This is against the spec, but
unfortunately most instructions on specifying custom cursors omit the fallback
value. Examples of the syntax which should be displayed (and which needs to be
changed on the site in question) are:
<style type="text/css">
p { cursor: url(http://www.example.com/testcursor.cur); }
</style>
<span style="cursor:url(http://www.example.com/testcursor.cur);"></span>
Particularly now that code to support such CSS code has been checked into the
tree and will be in Firefox 1.1, we need to get this site to update its
instructions so that new pages will display properly in all browsers.
Preferably, the person to make contact with the page's author should be familiar
with the CSS specification as it deals with cursors so that we get the
description of cursor syntax corrected properly.
Note that while the implementation of this is properly done in the testcase on
this page, the displayed syntax is of the top type. Thus, the displayed syntax
needs to be corrected, not the syntax actually in use.
It's also worth pointing out at the same time that currently Mozilla doesn't
support ANI cursors, though it does support CUR, static GIF, all the flavors of
PNG that I could find, and BMP formats for custom cursors.
1. http://www.w3.org/TR/REC-CSS2/ui.html#cursor-props| Reporter | ||
Updated•20 years ago
|
Whiteboard: [invalid-css-cursor]
Comment 1•10 years ago
|
||
The site needs to be contacted for changing the doc. It needs someone taking the lead. :)
Assignee: english-us → nobody
Component: English US → Desktop
Whiteboard: [invalid-css-cursor] → [invalid-css-cursor] [contactready] [doc]
Comment 2•10 years ago
|
||
As far as I can tell the examples have a fallback now
Status: NEW → RESOLVED
Closed: 10 years ago
Resolution: --- → WORKSFORME
| Assignee | ||
Updated•6 years ago
|
Product: Tech Evangelism → Web Compatibility
You need to log in
before you can comment on or make changes to this bug.
Description
•