`

CSS中cursor的pointer 与 hand

    博客分类:
  • CSS
 
阅读更多

 

CSS中cursor的pointer 与 hand

 

cursor:hand 与 cursor:pointer 的效果是一样,都像手形光标。但用FireFox浏览时才注意到使用cursor:hand在FireFox里并被支持。
cursor:hand :IE完全支持。但是在firefox是不支持的,没有效果。
cursor:pointer :是CSS2.0的标准。所以firefox是支持的,但是IE5.0既之前版本不支持。IE6开始支持。

附: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)。

来源:http://i.80tvb.com/css-cursor-pointer-hand/

 

分享到:
评论

相关推荐

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

    cursor:hand 与 cursor:pointer 的效果是一样的,都像光标指向链接一样,光标变成手行。 cursor:hand :IE完全支持。但是在firefox是不支持的,没有效果。 cursor:pointer :是CSS2.0的标准。所以firefox是支持的,...

    css cursor 的可选值(鼠标的各种样式)

    The cursor render as a pointer (a hand) that indicates a link游标以暗示(手指)的形式来表明有一个连接 cursor: wait;   等待/沙漏 The cursor indicates that the program is busy (often a watch

    sprity-css-rollover:在鼠标悬停时提供视频预览效果

    cursor : hand;} </ style > <!-- Load CSS --> < link rel =" stylesheet " type =" text/css " href =" style.css " /> <!-- Set default image: icon-sprite008 --> < div class

    46种常见的浏览器兼容性问题大汇总

    1. cursor:hand VS cursor:pointer 3 2. innerText在IE中能正常工作,但在FireFox中却不行. 3 3. CSS透明 3 4. css中的width和padding 3 5. FF和IE BOX模型解释不一致导致相差2px 3 6. IE5 和IE6的BOX解释不...

    CSS 鼠标样式和手指样式整理

    CSS鼠标样式语法如下: 任意标签中插入 style="cursor:*" 例 子:文本或其它页面元素</span> 文本或其它页面元素</a> 注意把 * 换成如下15个效果的一种: 下面是对这15种效果的解释。移动鼠标到解释上面,看看你的...

    FireFox火狐浏览器与IE兼容问题 – 透明滤镜 DIV滚动条

    问题一:最简单的鼠标移过手变型的css要改了 cursor:pointer;/*FireFox(火狐)不支持cursor:hand*/ dw8下面自动出来的也没有hand这个属性了,标准的是pointer 问题二:FireFox(火狐)不支持滤镜 最常见的半透明不...

    IE和Firefox在JavaScript应用中的兼容性探讨

    今天在使用CSS属性的时候发现"cursor:hand;"在Firefox中鼠标不会变为手型,后来上网搜索了一下资料,发现hand这个cursor属性在Firrefox中不兼容,使用"cursor:pointer"就都可以显示了。

    Sortable前端框架

    This option sets the minimum pointer movement that must occur before the delayed sorting is cancelled. Values between 3 to 5 are good. --- #### `disabled` options Disables the sortable if set to ...

    三星9305收索

    cursor:pointer}.s_btn_h{background-position:-240px -48px}.s_btn_wr{width:97px;height:34px;display:inline-block;background-position:-120px-48px;*position:relative;z-index:0;vertical-align:top}#lk{...

Global site tag (gtag.js) - Google Analytics