Курсор CSS2 не отображает "руку"

Я следую стандарту W3C здесь http://www.w3.org/TR/CSS2/ui.html и здесь http://www.quirksmode.org/css/cursor.html#note. Тем не менее, элемент не отображается рукой при наведении указателя мыши. Пожалуйста, помогите.

<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>

При просмотре с помощью IE9 и mouseover он не изменяет курсор в "руку", а вместо него вместо него появляется обычная стрелка. Просьба сообщить.

Спасибо!

Ответ 1

Это должно быть только cursor: pointer;, потому что hand является запатентованным значением, реализованным только старыми версиями IE и, следовательно, является недопустимым значением.

Если вы действительно заботитесь о IE 5.x, вы переключаете два свойства вокруг, т.е. (cursor: hand; cursor: pointer, сначала идет рука). Ваш CSS все равно будет недействительным, поэтому я бы предпочел, чтобы вы не беспокоились.

Ответ 2

в прилагаемой ссылке:

Value:      [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help | progress ] ] | inherit

hand недействителен css

в другом канале ссылки упоминается, но поддерживается только в том случае, если не указано ie9 beta и opera.

если вы ищете руку с указательным указателем, вы хотите, чтобы pointer был последним, упомянутым в css

Ответ 4

Попробуйте оставить "cursor: hand;". Согласно статье, на которую вы ссылаетесь, она необходима только для Internet Explorer 5. Если вы не разрабатываете внутреннее веб-приложение для компании, которая все еще работает с этим браузером, я бы ее не выпускал.