`
- 浏览:
55896 次
- 性别:
- 来自:
北京
-
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{...
('汽车')" style="cursor:hand">汽车</a></td> <td><input type='checkbox' value="房子" title="house" onclick="callCheck(this)"> ('房子')" style="cursor:hand">房子</a></td> ``` 在上面的例子中，...
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. ■ ■ ■ ■ ■ ■ ■...