cursor:hand與cursor:pointer的區別介紹

cursor:hand 與 cursor:pointer 的效果是同樣的，都像光標指向連接同樣，光標變成手形，不過仍是有些區別是你們不知道的，下面爲你們整理了一些，感興趣的朋友能夠了解下：

cursor:hand 與 cursor:pointer 的效果是同樣的，都像光標指向連接同樣，光標變成手形。

cursor:hand ：IE徹底支持。可是在firefox是不支持的，沒有效果。
cursor:pointer ：是CSS2.0的標準。因此firefox是支持的，可是IE5.0既以前版本不支持。IE6開始支持。

結論：仍是用 cursor:pointer 來的方便

cursor：鼠標

pointer：指針

附：cursor屬性收集

光標類型 CSS
十字準心 cursor: crosshair;
手 cursor: pointer;
cursor: hand;
寫兩個是爲了照顧IE5，它只認hand。
等待/沙漏 cursor: wait;
幫助 cursor: help;
沒法釋放 cursor: no-drop;
文字/編輯 cursor: text;
可移動對象 cursor: move;
向上改變大小(North) cursor: n-resize;
向下改變大小(South) cursor: s-resize;
向右改變大小(East) cursor: e-resize;
向左改變大小(West) cursor: w-resize;
向上右改變大小(North East) cursor: ne-resize;
向上左改變大小(North West) cursor: nw-resize;
向下右改變大小(South East) cursor: se-resize;
向下左改變大小(South West) cursor: sw-resize;
自動 cursor: auto;
禁止 cursor:not-allowed;
處理中 cursor: progress;
系統默認 cursor: default;
用戶自定義（可用動畫） cursor: url(‘ # ‘);
# = 光標文件地址 (注意文件格式必須爲：.cur 或 .ani)。

 

 

附另外一篇的截圖: