2010-12-03 1 views
10

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

<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 и при наведении курсора мыши, это не меняет курсор в «руки», но это просто регулярная стрелка вместо этого. Пожалуйста, порекомендуйте.

Спасибо!

+0

Проверьте DOCTYPE, как часто IE должен быть в режиме совместимого стандартов для такого рода вещей, чтобы работать. – 2010-12-03 07:33:12

+1

Было бы гораздо проще просто привязать якорь к атрибуту `href`, например` 2010-12-03 07:40:23

+1

, если я использую синтаксис« # » , после нажатия на ссылку img, «пинает» меня в верхней части страницы, думая, что на моей странице есть якорь. Если я использую href = "javascript :;", это выглядит как-то некрасиво, когда мышь :( – 2010-12-03 16:20:06

ответ

28

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

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

3

в вашей поставки ссылке:

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

в другой связи стороны упоминается, однако она поддерживается только в IE, за исключением IE9 бета, и в опере.

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

+0

Я попробую об этом позже и сообщит вам. – 2010-12-03 16:33:59

2

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

Смежные вопросы