javascript - CSS2 光标不显示 "hand"

Question

我在这里遵循 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(); ?>&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 和鼠标悬停查看时，它不会将光标变为“手”，而只是常规箭头。请指教。

谢谢!

Answer 1

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

不过，如果您真的关心 IE 5.x，则可以调换这两个属性，即(cursor: hand; cursor: pointer, hand comes first)。你的 CSS 仍然会失效，所以我希望你不要打扰。