`
- 浏览:
56881 次
- 性别:
- 来自:
北京
-
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相同。因此，在实际开发中，推荐使用cursor:pointer来达到最佳的兼容性和标准化。 除了cursor:hand和cursor:pointer外，CSS还...
手型style="cursor:hand"> 手型style="cursor:pointer" 十字型style="cursor:crosshair" 文本style="cursor:text" 你好等待style="cursor:wait" 你好默认style="cursor:default" 问号style="cursor:help" 向...
解决这个问题的一种常见方法是将`cursor: hand`替换为`cursor: pointer`，因为`pointer`是所有现代浏览器都支持的标准值。然而，如描述中提到的，即使改为了`cursor: pointer`，在Firefox中仍然只有第一次鼠标悬停时...
`cursor`值可以是预定义的关键词，如`pointer`、`hand`等，也可以是自定义的图像。 2. **`cursor: hand`**： 这个值在IE5.0及更早版本中被支持，用于将鼠标指针更改为手形，表示用户可以点击。然而，`hand`不是W3C...
1. **hand** 或 **pointer** - **定义**：当鼠标悬停在可点击的链接或其他可激活元素上时显示手型光标。 - **示例代码**： ```css .link-style { cursor: pointer; } ``` - **应用场景**：通常应用于超链接...
` 是早期IE5浏览器支持的语法，现在大多数浏览器都支持`cursor: pointer;`，因此在编写CSS时，为了兼容性，可能会同时写这两个值。 3. `cursor: wait;` - 当用户正在等待某个操作完成，比如页面加载或数据处理时，...
开发者可以通过在CSS中对不同元素应用cursor属性，例如：`cursor: pointer;`或`cursor: wait;`，来指定元素对应的鼠标样式。值得注意的是，由于某些样式可能在不同的操作系统或浏览器中的表现会有所不同，开发者在...
/*FireFox（火狐）不支持cursor:hand*/ dw8下面自动出来的也没有hand这个属性了，标准的是pointer 问题二：FireFox（火狐）不支持滤镜 最常见的半透明不支持。 filter: Alpha(Opacity=50); /* for IE */ opacity: ...
1. **定时器与延时执行**： 在提供的代码中，`countDown`函数是一个定时器，用于倒计时并最终关闭页面。`setTimeout`函数在这里被用来在指定的毫秒数后执行一个函数，即`countDown`函数本身。这里的时间间隔设置为...
1. `cursor:pointer` 与 `cursor:hand`： - 在IE中，为了显示鼠标的手形指针，可以使用`cursor:hand`，而在Firefox和其他现代浏览器中，应该使用`cursor:pointer`。因此，为了确保在所有浏览器中一致的效果，应始终...
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...
- `cursor:hand` 与 `cursor:pointer`：两者效果相同，但 IE 识别 `cursor:hand`，Firefox 识别 `cursor:pointer`，建议使用 `cursor:pointer`。 - `innerText`：IE 支持，Firefox 不支持。可以使用 `textContent`...
.hand { cursor: pointer; } .wait { cursor: wait; } .text { cursor: text; } .vertical-text { cursor: vertical-text; } .no-drop { cursor: no-drop; } .not-allowed { cursor: not-allowed; } .help { ...
9. **cursor:hand VS cursor:pointer**： Firefox不支持`cursor:hand`，但支持`cursor:pointer`。为保持一致，统一使用`cursor:pointer`。 10. **字体大小定义**： Firefox和IE对`small`字体大小定义不同。为确保...
现代浏览器通常使用`cursor:pointer`替代`cursor:hand`，但在这里，`cursor:hand`仍然可以在较旧的浏览器中工作。 4. 使用链接实现点击行为： 另一种实现方式是将图片置于`<a>`标签内，通过`href`属性调用...
1. `cursor: hand` 或 `cursor: pointer`：这是最常见的鼠标样式，通常用于链接或可点击的元素，表示用户可以进行点击操作。在大多数现代浏览器中，`cursor: pointer` 更为推荐，因为它具有更好的跨浏览器兼容性。...
估计很多人都对文件域那难看的样式无可奈何，对于一个讲究完美的web系统来说，这种界面是无法接受的。gmail的附件添加在IE浏览器中实现了样式自定义，让大伙兴奋了好一这，....hand{cursor:hand;cursor:pointer} [Ct
估计很多人都对文件域那难看的样式无可奈何，对于一个讲究完美的web系统来说，这种界面是无法接受的。gmail的附件添加在IE浏览器中实现了样式自定义，让大伙兴奋了好一这，他....hand{cursor:hand;cursor:pointer} [C
使用cursor: pointer或cursor: hand将元素上的鼠标指针设置为手形光标，这是一个常用的技巧，特别在Web设计中非常普遍。以下是一些CSS中cursor属性的常见取值及其含义： - auto：浏览器根据当前情况自动选择光标...