cursor:hand与cursor:pointer的区别介绍

Posted vanOne

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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)。

 

以上是关于cursor:hand与cursor:pointer的区别介绍的主要内容,如果未能解决你的问题,请参考以下文章

cursor:hand与cursor:pointer的区别介绍

CSS中cursor的pointer 与 hand-备

cursor: hand和cursor:pointer的区别

javascript 改变鼠标样式

JavaScript学习笔记鼠标样式

浏览器css的兼容问题小总结------彭记(025)