CSS2光标不显示“手”

时间:2010-12-03 07:27:27

标签: javascript html css cursor

我在这里遵循W3C标准http://www.w3.org/TR/CSS2/ui.htmlhttp://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和鼠标悬停查看时,它不会将光标更改为“手”,而只是常规箭头。请指教。

谢谢!

4 个答案:

答案 0 :(得分:29)

它应该是cursor: pointer;,因为hand是仅由旧版IE实现的专有值,因此是无效值。

但是,如果您真的关心IE 5.x,则可以切换两个属性,即(cursor: hand; cursor: pointer,先手动)。你的CSS仍然会失效,所以我宁愿你不要打扰。

答案 1 :(得分: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 beta和Opera。

如果您正在寻找带有指向食指的手,您希望pointer成为css中提到的最后一个

答案 2 :(得分:3)

hand不是游标的有效值 - 它是IE8-legacy。使用pointer

http://www.w3schools.com/css/pr_class_cursor.asp

答案 3 :(得分:2)

尝试省略“cursor:hand;”。根据您所引用的文章,只有Internet Explorer 5才需要它。除非您为仍在使用该浏览器的公司开发内部Web应用程序,否则我会将其删除。