W3C home > Mailing lists > Public > www-style@w3.org > February 2011

Using cursor property on <area> elements that have a display of 'none'

From: Michael A. Puls II <shadow2531@gmail.com>
Date: Thu, 17 Feb 2011 10:55:00 -0500
To: www-style@w3.org
Message-ID: <op.vq105ylf1ejg13@sandra-svwliu01>
HTML <area> elements have a display of 'none' by default in Firefox and  
Opera for example.

However, in Opera, setting the css cursor property of the <area> element  
to "crosshair" for example doesn't work and you don't get the crosshair  
cursor when hovering over the area in the image map laid out by that  
<area> element. Changing the <area> element's display to "inline" or  
"block" or "inline-block" for example fixes this problem in Opera.

I see that <http://www.w3.org/TR/css3-ui/#cursor> says that the cursor  
property is visual/interactive. This makes me think that maybe it's not  
working in Opera because the <area> is hidden by display: 'none' and you  
can't see or interact with it.

Yet, it's still possible to interact with the area in the image map laid  
out by that <area> element, which says to me that Opera might be  
interpreting the spec too literally here. Or, it could just be a bug.

Also, for <area> elements without @href, HTML5 says  
that the area represents a non-selectable, dead area. Should that have any  
effect on whether or not the cursor property works on that area or not? (I  
don't think so at least, but asking.)

Any opinions on this?


Received on Thursday, 17 February 2011 15:55:36 UTC

This archive was generated by hypermail 2.4.0 : Friday, 17 January 2020 22:49:55 UTC