首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >CSS2光标未显示"hand“

CSS2光标未显示"hand“
EN

Stack Overflow用户
提问于 2010-12-03 15:27:27
回答 4查看 22.4K关注 0票数 10

我在这里遵循W3C的标准http://www.w3.org/TR/CSS2/ui.html,在这里遵循http://www.quirksmode.org/css/cursor.html#note。但是,当鼠标悬停在上面时,元素不会显示在手中。请帮帮忙。

代码语言:javascript
复制
<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查看时,它不会将光标更改为“手”,而只是常规的箭头。请给我建议。

谢谢!

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2010-12-03 15:31:38

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

但是,如果你真的关心IE 5.x,你可以交换两个属性,即(cursor: hand; cursor: pointer,hand优先)。你的CSS仍然是无效的,所以我建议你不要费心了。

票数 30
EN

Stack Overflow用户

发布于 2010-12-03 15:30:47

在您提供的链接中:

代码语言:javascript
复制
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测试版和opera。

如果您正在寻找具有指向食指的手,您希望pointer是css中提到的最后一只手。

票数 3
EN

Stack Overflow用户

发布于 2010-12-03 15:32:47

hand不是游标的有效值--它是早期的ie8。使用pointer

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

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4343349

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档