2010-01-16 16 views
24

ho found these CSS attributes, che rendono il cursore somigliante ad una mano:Cross-Browser 'cursor: pointer'

  • IE - style = "cursor: hand;"
  • NS6/IE6 - style = "cursor: pointer;"
  • Cross Browser - style = "cursor: pointer; cursor: hand;"

Tuttavia ho notato che Stack Overflow utilizza "cursor: pointer" nel suo CSS. Tuttavia, questo sembra funzionare anche su IE.

Quindi ... che cosa dà? Qual è il modo corretto, indipendente dal browser per utilizzare questo elemento CSS?

+5

Solo a parte, se stai cercando tutorial di sviluppo web e la pagina sulla quale fai il punto menziona qualcosa su DHTML, allora dovresti immediatamente riconoscere che sono circa 10 anni non aggiornati. Mentre tecnicamente utilizziamo ancora oggi il DHTML, il termine non è molto usato. – Mikepote

risposta

53

Secondo Quirksmode, l'unica sintassi cross-browser è:

element { 
    cursor: pointer; 
    cursor: hand; 
} 

danno qualche informazione in più il cursore così:

In passato, il valore della mano è stato modo di Microsoft di dire puntatore; e IE 5.0 e 5.5 supportano solo la mano. Poiché è il valore del cursore che è il utilizzato più spesso, anche la maggior parte degli altri browser ha implementato la mano.

Dal IE 6 e 7 puntatore supporto, non c'è più motivo di usare la mano, tranne quando IE anziani sono parte del vostro pubblico destinazione.

Penso che la pagina che hai collegato potrebbe essere un po 'obsoleta con i nuovi browser.

10

Ho sempre e solo usato cursor:pointer me stesso, e ho notato nessuna mancanza di sostegno nei principali browser.