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 :IE完全支持。但是在firefox是不支持的,没有效果。 cursor:pointer :是CSS2.0的标准。所以firefox是支持的,...
其中,利用CSS中的`cursor`属性来改变鼠标指针样式就是一种常见的优化手段。通过设置不同的鼠标样式,可以给用户传递更多的交互信息,使得网站显得更加生动有趣。 #### CSS Cursor属性概述 `cursor`属性用于定义当...
本篇文章将聚焦于一个具体的CSS兼容性问题:`this.style.cursor='hand'`在不同浏览器中的表现差异及其解决方案。 `cursor`属性在CSS中用于设置鼠标指针在元素上显示的形状。在HTML元素上设置`cursor: hand`或者`...
开发者可以通过在CSS中对不同元素应用cursor属性,例如:`cursor: pointer;`或`cursor: wait;`,来指定元素对应的鼠标样式。值得注意的是,由于某些样式可能在不同的操作系统或浏览器中的表现会有所不同,开发者在...
CSS中的`cursor`属性用于控制鼠标指针在页面上的显示样式。这个属性允许开发者根据不同的交互情况设置不同的鼠标光标,以提供更好的用户体验和视觉反馈。以下是对标题和描述中提到的一些`cursor`可选值的详细解释: ...
`cursor`属性是CSS中一个重要的视觉反馈工具,它允许我们设定鼠标指针在特定元素上的样式。`cursor`值可以是预定义的关键词,如`pointer`、`hand`等,也可以是自定义的图像。 2. **`cursor: hand`**: 这个值在IE...
.hand-cursor { cursor: pointer; } ``` #### 八、浮动与显示模式 **知识点:** 浮动元素与显示模式的影响。 - **问题描述:** 当使用`display: block`和`float: left`时,如何确保小菜单栏的高度一致。 - **...
9. **cursor:hand VS cursor:pointer**: Firefox不支持`cursor:hand`,但支持`cursor:pointer`。为保持一致,统一使用`cursor:pointer`。 10. **字体大小定义**: Firefox和IE对`small`字体大小定义不同。为确保...
CSS中的一种鼠标样式,通过`cursor:pointer`设置。 - **Hidden**: 隐藏。CSS中用于隐藏元素的方式之一,如`display:none`或`visibility:hidden`。 - **Head**: 头部。HTML文档的头部部分,由`<head>`标签包裹。 - **...
在 Firefox 中,不支持 cursor:hand,而在 IE 中,支持 cursor:pointer。解决方法是统一使用 cursor:pointer。 7. 字体大小定义不同问题 字体大小定义不同问题是一个常见的问题。在 Firefox 中,小字体大小定义为 ...
在实际使用中,要将鼠标指针变成手形光标,可以在CSS中为特定的HTML元素添加cursor: pointer或cursor: hand样式。例如,为一个链接设置手形光标,可以写成: ```css a { cursor: pointer; } ``` 或者使用class和...
使用`cursor: pointer`可以在Firefox和IE中显示手指状的鼠标指针,而`hand`仅在旧版IE中有效。 7. 盒模型解释不一致: IE5和IE6对盒模型的解释不同,导致宽度计算方式不同。可以通过`!important`来处理,如`div {...
7. 设置手形光标时,使用`cursor: pointer`,它在所有现代浏览器中都支持,而`hand`仅适用于IE。 以上是CSS在div+css布局中常见的浏览器兼容性处理方法。理解和掌握这些技巧有助于创建跨浏览器兼容的网页。在实际...
- `cursor` 用于设置鼠标光标的形状,如`default`, `hand`, `pointer`等。 【Div+CSS布局】 Div常用于构建网页的结构,通过CSS控制其宽高、位置和样式。例如: ```css Div{ Width:80px; Height:25px; ...
7. 为了鼠标悬停效果,可以使用`cursor: pointer`,但在IE6中应使用`cursor: hand`。 此外,IE6还有一个著名的“双倍边距BUG”,当一个浮动元素设置`margin-left`时,IE6会计算两次,解决办法是: ```css div { ...
6. **cursor属性**:若要显示手形鼠标指针,Firefox接受`cursor: pointer`,而IE则需要`cursor: hand`。 7. **链接样式**:在Firefox中,要为链接添加边框和背景色,可以设置`display: block`和`float: left`。为...
- 可以通过`cursor: pointer`设置。 **Image(图像)** - 图片或照片,可以作为背景或嵌入内容。 - 通过`<img>`标签或`background-image`属性在CSS中使用。 **Head(头部)** - HTML文档的头部区域,包含元数据如`...
- 在IE中,为元素设置鼠标悬停为手型的CSS代码通常是`cursor: hand;`,但在Firefox中,正确的语法是`cursor: pointer;`。因此,在编写CSS时,应使用`cursor: pointer;`以确保在不同浏览器中的兼容性。 2. **滤镜...