Несколько слов о значениях hand и pointer CSS-свойства cursor. Есть ли между ними разница и как добиться кросбраузерности?
Как известно, при наведении курсора мыши на ссылку, он меняется (из «стрелочки» становится «рукой»). Причём, без каких-либо дополнительных указаний. В тоже время, существует ситуации, когда использовать ссылку нецелесообразно. В таких случаях не обойтись без CSS-свойства cursor.
CSS-свойство cursor (с англ. курсор) — устанавливает форму курсора мыши, когда тот находится в пределах соответствующего элемента.
CSS-свойство cursor может иметь ряд определённых значений: auto, default, help, move, pointer, progress и т.д. Более того, можно указать ссылку на картинку, которая будет использоваться вместо стандартного курсора. Однако я хочу остановиться только на двух из определённых значений, а именно: hand и pointer.
Как hand так и pointer суть одно и тоже и представляют собой стандартный курсор «рука». Тем не менее, в соответствии со стандартами W3C, все «современные» браузеры должны поддерживать значение: pointer. Значение hand, для CSS-свойства cursor, считается невалидным. В тоже время, если вы хотите, чтобы в Internet Explorer 5.5 и ниже изменение курсора работало корректно, следует учитывать и значение hand. Таким образом, лучше применять следующий набор правил:
cursor: hand; cursor: pointer;
