CSS2光标不显示“手”答案

【问题标题】：CSS2 cursor not displaying "hand"CSS2光标不显示“手”
【发布时间】：2010-12-03 07:27:27
【问题描述】：

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

<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和鼠标悬停查看时，它不会将光标变成“手”，而是只是普通的箭头。请指教。

谢谢！

【问题讨论】：

检查您的 DOCTYPE，因为 IE 需要在标准兼容模式下才能正常工作。
只给锚一个href属性会容易得多，例如<a href="#"或<a href="javascript:;"
如果我使用“#”语法，在点击 img 链接后，它会将我“踢”到页面顶部，以为我的页面中有一个锚点。如果我使用 href="javascript:;"，鼠标悬停时看起来有点丑:(

标签： javascript html css internet-explorer-9 mouse-cursor

【解决方案1】：

它应该是cursor: pointer;，因为hand是一个专有值，只有旧版本的IE才能实现，因此是一个无效值。

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案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 中最后提到的那只手

【讨论】：

【解决方案4】：

尝试省略“光标：手；”。根据您所指的文章，它只需要 Internet Explorer 5。除非您正在为仍在使用该浏览器的公司开发内部网络应用程序，否则我会省略它。

【讨论】：