`

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属性

    其中,利用CSS中的`cursor`属性来改变鼠标指针样式就是一种常见的优化手段。通过设置不同的鼠标样式,可以给用户传递更多的交互信息,使得网站显得更加生动有趣。 #### CSS Cursor属性概述 `cursor`属性用于定义当...

    css 兼容性问题this.style.cursor=''hand''

    本篇文章将聚焦于一个具体的CSS兼容性问题:`this.style.cursor='hand'`在不同浏览器中的表现差异及其解决方案。 `cursor`属性在CSS中用于设置鼠标指针在元素上显示的形状。在HTML元素上设置`cursor: hand`或者`...

    CSS中cursor属性的鼠标样式明细

    开发者可以通过在CSS中对不同元素应用cursor属性,例如:`cursor: pointer;`或`cursor: wait;`,来指定元素对应的鼠标样式。值得注意的是,由于某些样式可能在不同的操作系统或浏览器中的表现会有所不同,开发者在...

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

    CSS中的`cursor`属性用于控制鼠标指针在页面上的显示样式。这个属性允许开发者根据不同的交互情况设置不同的鼠标光标,以提供更好的用户体验和视觉反馈。以下是对标题和描述中提到的一些`cursor`可选值的详细解释: ...

    css pointer控制在firefox下显示手型的代码

    `cursor`属性是CSS中一个重要的视觉反馈工具,它允许我们设定鼠标指针在特定元素上的样式。`cursor`值可以是预定义的关键词,如`pointer`、`hand`等,也可以是自定义的图像。 2. **`cursor: hand`**: 这个值在IE...

    css常见考题 !!css常见考题 css常见考题

    .hand-cursor { cursor: pointer; } ``` #### 八、浮动与显示模式 **知识点:** 浮动元素与显示模式的影响。 - **问题描述:** 当使用`display: block`和`float: left`时,如何确保小菜单栏的高度一致。 - **...

    css 多浏览器兼容解决方案 下载

    9. **cursor:hand VS cursor:pointer**: Firefox不支持`cursor:hand`,但支持`cursor:pointer`。为保持一致,统一使用`cursor:pointer`。 10. **字体大小定义**: Firefox和IE对`small`字体大小定义不同。为确保...

    css-dictionary(CSS常用英语词汇详解)

    CSS中的一种鼠标样式,通过`cursor:pointer`设置。 - **Hidden**: 隐藏。CSS中用于隐藏元素的方式之一,如`display:none`或`visibility:hidden`。 - **Head**: 头部。HTML文档的头部部分,由`<head>`标签包裹。 - **...

    CSS兼容性问题解决方案[归类].pdf

    在 Firefox 中,不支持 cursor:hand,而在 IE 中,支持 cursor:pointer。解决方法是统一使用 cursor:pointer。 7. 字体大小定义不同问题 字体大小定义不同问题是一个常见的问题。在 Firefox 中,小字体大小定义为 ...

    用css添加手状样式鼠标移上去变小手

    在实际使用中,要将鼠标指针变成手形光标,可以在CSS中为特定的HTML元素添加cursor: pointer或cursor: hand样式。例如,为一个链接设置手形光标,可以写成: ```css a { cursor: pointer; } ``` 或者使用class和...

    CSS样式表下FF与IE的区别

    使用`cursor: pointer`可以在Firefox和IE中显示手指状的鼠标指针,而`hand`仅在旧版IE中有效。 7. 盒模型解释不一致: IE5和IE6对盒模型的解释不同,导致宽度计算方式不同。可以通过`!important`来处理,如`div {...

    div+css中常见的浏览器兼容性处理

    7. 设置手形光标时,使用`cursor: pointer`,它在所有现代浏览器中都支持,而`hand`仅适用于IE。 以上是CSS在div+css布局中常见的浏览器兼容性处理方法。理解和掌握这些技巧有助于创建跨浏览器兼容的网页。在实际...

    css,div+css.docx

    - `cursor` 用于设置鼠标光标的形状,如`default`, `hand`, `pointer`等。 【Div+CSS布局】 Div常用于构建网页的结构,通过CSS控制其宽高、位置和样式。例如: ```css Div{ Width:80px; Height:25px; ...

    div+css常见兼容性问题

    7. 为了鼠标悬停效果,可以使用`cursor: pointer`,但在IE6中应使用`cursor: hand`。 此外,IE6还有一个著名的“双倍边距BUG”,当一个浮动元素设置`margin-left`时,IE6会计算两次,解决办法是: ```css div { ...

    IE与Firefox的CSS兼容大全

    6. **cursor属性**:若要显示手形鼠标指针,Firefox接受`cursor: pointer`,而IE则需要`cursor: hand`。 7. **链接样式**:在Firefox中,要为链接添加边框和背景色,可以设置`display: block`和`float: left`。为...

    css开发字典

    - 可以通过`cursor: pointer`设置。 **Image(图像)** - 图片或照片,可以作为背景或嵌入内容。 - 通过`<img>`标签或`background-image`属性在CSS中使用。 **Head(头部)** - HTML文档的头部区域,包含元数据如`...

    div+css学习笔记(IE与fox好多不兼容的问题)

    - 在IE中,为元素设置鼠标悬停为手型的CSS代码通常是`cursor: hand;`,但在Firefox中,正确的语法是`cursor: pointer;`。因此,在编写CSS时,应使用`cursor: pointer;`以确保在不同浏览器中的兼容性。 2. **滤镜...

Global site tag (gtag.js) - Google Analytics