javascript - CSS2 cursor not displaying "hand" -


i'm following standard of w3c here http://www.w3.org/tr/css2/ui.html , here http://www.quirksmode.org/css/cursor.html#note. however, element isn't displayed hand when mouseover. please help.

<a style="cursor:pointer;cursor:hand" onclick='javascript:window.open("http://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>&amp;t=<?php single_post_title(); ?>", "_blank", "toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=no,resizable=no,copyhistory=no,left=300,top=100,width=626,height=436")'>[image goes here]</a> 

when viewing ie9 , mouseover, doesn't change cursor "hand", it's regular arrow instead. please advise.

thanks!

it should cursor: pointer; alone because hand proprietary value implemented old versions of ie, , invalid value.

if care ie 5.x, though, switch 2 properties around, i.e. (cursor: hand; cursor: pointer, hand comes first). css still invalidate though, i'd rather not bother.


Comments

Popular posts from this blog

Add email recipient to all new Trac tickets -

400 Bad Request on Apache/PHP AddHandler wrapper -

php - Change action and image src url's with jQuery -