`
WU_Chihiro
  • 浏览: 8384 次
  • 性别: Icon_minigender_2
  • 来自: 深圳
社区版块
存档分类
最新评论

css属性设置鼠标为手型,cursor:hand在firefox中不支持现象

    博客分类:
  • CSS
阅读更多
在 IE 下设置鼠标为手型的方法: cursor: hand,但是在 FIREFOX 中是无效的,解决方法是在FIREFOX中设置: cursor: pointer. 而这个pointer 值在IE和FIREFOX 下都是通用的,所以我们使用: cursor:pointer 就可以了




一般而言,鼠标以斜向上的箭头显示,移到文本上时变为有头的竖线,移到超级链接上变为手型。但用css可控制鼠标的显示效果,如可使鼠标移到普通文本上也显示成手型。

  用css控制的语法如下:

  <span style="cursor:*">文本或其它页面元素</span>

  把 * 换成如下15个效果的一种:

  hand、crosshair、text、wait、default、help、e-resize、ne-resize、n-resize、nw-resize、w-resize、sw-resize、s-resize、se-resize和auto。

  下面是对这15种效果的解释。移动鼠标到解释上面,看看你的鼠标起了什么变化吧!

  hand是手型

  crosshair是十字型

  text是移动到文本上的那种效果

  wait是等待的那种效果

  default是默认效果

  help是问号

  e-size是向右的箭头

  ne-resize是向右上的箭头

  n-resize是向上的箭头

  nw-resize是向左上的箭头

  w-resize是向左的箭头

  sw-resize是左下的箭头

  s-resize是向下的箭头

  se-resize是向右下的箭头

  auto是由系统自动给出效果
分享到:
评论

相关推荐

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

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

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

    `可以设置鼠标指针为手型,但在Firefox和其他遵循W3C标准的浏览器中,应使用`cursor: pointer;`来实现相同效果。 下面是对这个知识点的详细解释: 1. **`cursor`属性**: `cursor`属性是CSS中一个重要的视觉反馈...

    CSS常见小问题解决

    在不同浏览器中,设置鼠标指针样式(如手型指针)的效果不一致。 **解决方案:** 可以使用浏览器私有前缀和 `!important` 来解决。 ```css a { cursor: pointer !important; /* 手型指针 */ cursor: hand !...

    浏览器兼容问题

    ` 在 IE6-7 和 Opera 中被支持,但在 Safari 和 Firefox 中不支持。 **解决方案**:使用 `cursor: pointer;` 替代。 ```css .link { cursor: pointer; } ``` **解释**:`cursor: pointer;` 是跨浏览器支持的手型...

    div+css布局时的浏览器兼容问题

    - **差异**:在IE中,`cursor: pointer`会让光标变成手型,而在Firefox中则不一定有此效果。 - 解决方案:可以使用`cursor: hand`来兼容IE。 7. **浮动元素的清除**: - **问题**:当一个元素浮动后,其后的非...

    前端处理浏览器兼容问题

    **问题**:在Safari和Firefox中,`cursor:hand`不被支持。 **解决方法**:将`cursor:hand`替换为`cursor:pointer`,以确保所有浏览器都支持。 ```css a:hover { cursor: pointer; } ``` #### 十五、IE6-7`line-...

    CSS完美兼容IE6_IE7_FF的通用方法

    特别是在早期的Web开发中,如何让网站能够良好地运行在不同版本的Internet Explorer(IE)以及Firefox上,成为了一个技术难点。本文将详细介绍一种适用于IE6、IE7及Firefox的CSS兼容性解决方案。 #### 一、CSS Hack...

    CSS多浏览器兼容总结(个人经验)

    10. **cursor:hand vs cursor:pointer**:`cursor:hand`在IE中表示手型指针,但在Firefox中应使用`cursor:pointer`。 11. **字体大小定义**:Firefox和IE对`small`字体大小的定义不一致,可使用绝对像素值(如`14px...

    ie和firefox不兼容的解决方法集合

    IE支持`cursor: hand`,而Firefox则不支持,它只认`cursor: pointer`。为了解决这个问题,只需统一使用`cursor: pointer`,因为这是两种浏览器都支持的样式: ```css .button { cursor: pointer; } ``` 这将确保...

    IE和Firefox在JavaScript应用中的兼容性探讨

    `会使得鼠标指针变为手型,但Firefox并不支持这一特性,而使用`cursor: pointer;`可以在两个浏览器中都实现相同的效果。这是由于Firefox遵循更标准的CSS规范,而IE有时会使用非标准的语法。 1. 对于`document.form...

    29个常用的CSS小技巧汇总

    10. 定义手型鼠标指针:使用`cursor: pointer`,兼容所有主流浏览器,而`cursor: hand`仅在旧版IE和Opera中有效。 11. 容器居中对齐:对于已知高度的容器,可以使用绝对定位,将`top`和`left`设为50%,然后通过负...

Global site tag (gtag.js) - Google Analytics