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(); ?>&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
Post a Comment