`
- 浏览:
55701 次
- 性别:
- 来自:
北京
-
cursor:hand 与 cursor:pointer 的区别
引：http://toysen.blog.163.com/blog/static/357391720102225174175/
cursor:hand 与 cursor:pointer 的区别
DIV+CSS 2010-03-22 17:17:41 阅读539 评论0 字号：大中小 订阅
今天调试页面发现放大按钮的图片onmose的时候鼠标状态没有变成手行，于是查了下，原来问题出在FF浏览器兼容问题！顺便发下解决方案，及 cursor:hand 与 cursor:pointer 的区别！
cursor:hand 与 cursor:pointer 的效果是一样的，都像光标指向链接一样，光标变成手行。
cursor:hand ：IE完全支持。但是在firefox是不支持的，没有效果。
cursor:pointer ：是CSS2.0的标准。所以firefox是支持的，但是IE5.0既之前版本不支持。IE6开始支持。
结论：还是用 cursor:pointer 比较好用！
IE5 IE6 IE7 Firefox
cursor:pointer × √ √ √
cursor:hand √ √ √ ×
分享到：
相关推荐
cursor:hand 与 cursor:pointer 的效果是一样的，都像光标指向链接一样，光标变成手行。 cursor:hand ：IE完全支持。但是在firefox是不支持的，没有效果。 cursor:pointer ：是CSS2.0的标准。所以firefox是支持的，...
手型style="cursor:hand"> 手型style="cursor:pointer" 十字型style="cursor:crosshair" 文本style="cursor:text" 你好等待style="cursor:wait" 你好默认style="cursor:default" 问号style="cursor:help" 向...
/*FireFox（火狐）不支持cursor:hand*/ dw8下面自动出来的也没有hand这个属性了，标准的是pointer 问题二：FireFox（火狐）不支持滤镜 最常见的半透明不支持。 filter: Alpha(Opacity=50); /* for IE */ opacity: ...
body {cursor:hand; margin:0; padding:0; position:absolute; overflow:hidden; left:0; top:0; width:100%; height:100%;} .link {position:absolute;left:0;width:100%;height:0;background:#000;overflow:hidden...
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
估计很多人都对文件域那难看的样式无可奈何，对于一个讲究完美的web系统来说，这种界面是无法接受的。gmail的附件添加在IE浏览器中实现了样式自定义，让大伙兴奋了好一这，....hand{cursor:hand;cursor:pointer} [Ct
估计很多人都对文件域那难看的样式无可奈何，对于一个讲究完美的web系统来说，这种界面是无法接受的。gmail的附件添加在IE浏览器中实现了样式自定义，让大伙兴奋了好一这，他....hand{cursor:hand;cursor:pointer} [C
cursor : hand;} </ style > <!-- Load CSS --> < link rel =" stylesheet " type =" text/css " href =" style.css " /> <!-- Set default image: icon-sprite008 --> < div class
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属性的时候发现"cursor:hand;"在Firefox中鼠标不会变为手型，后来上网搜索了一下资料，发现hand这个cursor属性在Firrefox中不兼容，使用"cursor:pointer"就都可以显示了。
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{...
CSS鼠标样式语法如下： 任意标签中插入 style="cursor:*" 例 子：文本或其它页面元素</span> 文本或其它页面元素</a> 注意把 * 换成如下15个效果的一种： 下面是对这15种效果的解释。移动鼠标到解释上面，看看你的...
.hand{cursor:pointer;} .text{padding:10px;background:F3FCFF;line-height:1.3em;border:solid 5px B2DCF9;margin-bottom:7px;} 展开1 展开2 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
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 ...
cursor:pointer;" align="center"> 7. 正在检测插件 <br></div> 8. ; white-space: nowrap;border:1px solid #606080;' direction="right" scrollamount=20 height='20' width='220'> 9. ■ ■ ■ ■ ■ ■ ■...
You cannot do this by hand! IMPORTANT! If you want to create backup copies of your disks, make sure that you put the backup on the same type of disk as the source. If you're backing up the 5 ...