javascript - CSS2カーソルが「手」を表示しない

Question

私はここ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とマウスオーバーで表示する場合、カーソルは「手」に変わりませんが、代わりに通常の矢印になります。お知らせ下さい。

ありがとう！

Answer 1

は古いバージョンの IE でのみ実装されている独自の値であり、無効な値cursor: pointer;であるため、単独である必要があります。hand

ただし、実際に IE 5.x に関心がある場合は、2 つのプロパティを入れ替えますcursor: hand; cursor: pointer。ただし、CSS は引き続き無効になるため、気にしないでください。

Answer 2

提供されたリンクで：

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で最後に言及したい

Answer 3

handはカーソルの有効な値ではありません。これは IE8 レガシーです。を使用しpointerます。

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

Answer 4

「cursor:hand;」を省略してみてください。あなたが参照している記事によると、これは Internet Explorer 5 にのみ必要です。そのブラウザーをまだ使用している企業向けの内部 Web アプリを開発している場合を除き、私はそれを除外します。