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

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  
<http://www.whatwg.org/specs/web-apps/current-work/multipage/the-map-element.html#the-area-element>  
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?

Thanks

-- 
Michael

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