2010-12-03 12 views
10

Estoy siguiendo el estándar de W3C aquí http://www.w3.org/TR/CSS2/ui.html y aquí http://www.quirksmode.org/css/cursor.html#note. Sin embargo, el elemento no se muestra en la mano cuando mouseover. Por favor ayuda.cursor CSS2 que no muestra "mano"

<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> 

Al ver con IE9 y al pasar el ratón, que no cambia el cursor en la "mano", pero es sólo la flecha regular en lugar. Por favor avise.

Gracias!

+0

Compruebe su DOCTYPE tan a menudo IE tiene que estar en modo compatible con las normas para este tipo de cosas para trabajar. –

+1

Sería mucho más fácil simplemente darle al ancla un atributo 'href', como'

+1

si utilizo la sintaxis" # " Después de hacer clic en el enlace img, me "lanza" a la parte superior de la página, pensando que hay un anclaje en mi página. si uso href = "javascript :;", parece un poco feo cuando mouseover :( –

Respuesta

28

Debe estar solo cursor: pointer; porque hand es un valor de propiedad única implementado por versiones antiguas de IE, y es por lo tanto un valor inválido.

Si realmente te importa IE 5.x, cambias las dos propiedades, es decir (cursor: hand; cursor: pointer, la mano es lo primero). Sin embargo, su CSS aún invalidará, así que preferiría que no se molestara.

+0

intentaré esto más tarde y le responderé. Gracias! –

+0

esto funciona chicos. ¡Muchas gracias! –

3

en su vínculo adjunto:

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 no es válido CSS

en el otro lado de enlace se menciona sin embargo, sólo se admite en es decir, excluyendo la beta de IE9, y en la ópera.

si usted está buscando la mano con la que apunta indexfinger desea pointer a ser el último que se menciona en el css

+0

voy a intentar esto más tarde y le informo de nuevo. ¡Gracias! –

2

Intenta dejar fuera "cursor: hand;". Según el artículo al que se refiere, solo es necesario para Internet Explorer 5. A menos que esté desarrollando una aplicación web interna para una empresa que aún trabaja con ese navegador, lo dejaría de lado.

+0

intentaré esto más tarde y les informaré. ¡gracias! –

Cuestiones relacionadas