我在这里遵循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(); ?>&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 :(得分: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
。
答案 3 :(得分:2)
尝试省略“cursor:hand;”。根据您所引用的文章,只有Internet Explorer 5才需要它。除非您为仍在使用该浏览器的公司开发内部Web应用程序,否则我会将其删除。