`
WU_Chihiro
  • 浏览: 7710 次
  • 性别: 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是由系统自动给出效果
分享到:
评论

相关推荐

    cursor:hand与cursor:pointer的区别介绍

    但是在firefox是不支持的,没有效果。 cursor:pointer :是CSS2.0的标准。所以firefox是支持的,但是IE5.0既之前版本不支持。IE6开始支持。 结论:还是用 cursor:pointer 来的方便 cursor:鼠标 pointer:指针 ...

    鼠标特效css的cursor属性

    鼠标特效用css的cursor属性控制形状

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

    CSS中cursor属性的鼠标样式有哪些?本文整理了一些,可供大家使用,感兴趣的朋友也可以参考下

    CSS-cursor鼠标样式一览表

    此文档包含了CSS中cursor属性对应的鼠标图片与说明

    支持.net 心语聊天室系统

    支持.net 心语聊天室系统&lt;style type="text/css"&gt; .headerBg { cursor: hand; text-align: center; width: 160px; color: #000000; font-family: 宋体; font-size: 10px; font-weight: bold; background-...

    创意CSS3属性鼠标悬停动画菜单

    创意CSS3属性鼠标悬停动画菜单 创意CSS3属性鼠标悬停动画菜单 创意CSS3属性鼠标悬停动画菜单 创意CSS3属性鼠标悬停动画菜单

    FireFox火狐浏览器与IE兼容问题 – 透明滤镜 DIV滚动条

    /*FireFox(火狐)不支持cursor:hand*/ dw8下面自动出来的也没有hand这个属性了,标准的是pointer 问题二:FireFox(火狐)不支持滤镜 最常见的半透明不支持。 filter: Alpha(Opacity=50); /* for IE */ opacity: ...

    CSS属性速查表.pdf

    CSS 语法 说明 关键字 font-family:字型一,字型二,…… 设置文本字型 font-size:长度|关键字设置文本大小 xx-small:极小 x-small:特小 small:小 medium:中等 large:大 x-large:特大 xx-large:极大 font-...

    CSS属性兼容性对照表

    资源名称:CSS 属性兼容性对照表内容简介: CSS属性兼容性对照表 PDF,主要是列出一些CSS2.0/CSS2.1在各个版本的IE、火狐等主流浏览器下的兼容支持问题,此表有助于以后书写出全兼容的WEB标准化网页打下基础,前端...

    Firefox浏览器插件Firebug和CSS减肥工具CSS Usage(清理无用CSS样式的CSS精简工具)

    第四步,在Firefox浏览器中打开我们要优化的页面(本地的页面也可以),点击右上角的firebug(有个小蜜蜂图标),打开firebug工具窗口,我们会看到在工具选项中我们有一个 CSS Usage工具的按钮。 首先我们来分析最...

    CSS display:block在Firefox下显示布局错乱问题

    对于某一单元行需要显示时,使用CSS display:block属性,不需要显示时使用display:none属性,在IE浏览器中显示正常,没有任何问题,但是当用Firefox浏览时却出现了布局错乱的问题,这是为什么呢? 本文向大家介绍...

    CSS属性速查表

    资源名称:CSS属性速查表内容简介:!important 增加特定规则的重要性。 :active 设置当链接处于激活状态时 a 元素的样式。 :first-letter 在对象的第一个字符上应用一个或多个样式。 :first-line 在对象的...

    CSS 鼠标样式和手指样式整理

    巧合要用到鼠标样式效果,就顺便整理了下十五种CSS鼠标样式,小例子供大家使用啊。CSS鼠标样式语法如下: 任意标签中插入 style="cursor:*" 例 ... hand是手型 例子:CSS鼠标手型效果 &lt;a&gt;CSS鼠标手型效果&lt;/a&gt; pointer

    纯CSS3属性鼠标悬停动画过渡圈悬停效果

    纯CSS3属性鼠标悬停动画过渡圈悬停效果

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

    今天在使用CSS属性的时候发现"cursor:hand;"在Firefox中鼠标不会变为手型,后来上网搜索了一下资料,发现hand这个cursor属性在Firrefox中不兼容,使用"cursor:pointer"就都可以显示了。

    sprity-css-rollover:在鼠标悬停时提供视频预览效果

    sprity-css-rollover 用于css-rollover样式处理器 提供鼠标悬停时的视频预览效果 如果没有鼠标悬停,则允许使用默认图像 查看 要求 版本&gt; = 1.0 安装 npm i sprity-css-rollover 用法 &lt;!-- Change cursor ...

    css属性详解说明,css属性详解说明

    background 简写属性,作用是将背景属性设置在一个声明中。 background-attachment 背景图像是否固定或者随着页面的其余部分滚动。Scroll随文滚动 background-color 设置元素的背景颜色。 background-image 把...

    css鼠标样式cursor介绍(鼠标手型)

    巧合要用到鼠标样式效果,就顺便整理了下十五种CSS 鼠标样式,小例子供大家使用啊

    Jquery删除css属性的简单方法

    即将css属性值赋值为空,页面中就不会显示该css属性了。  如:$(‘.div1’).css(‘opacity’,”); 以上这篇Jquery删除css属性的简单方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持...

    HTML5&CSS3网页制作:transitionduration属性.pptx

    兼容性:Internet Explorer 10、Firefox、Opera 和 Chrome 支持 transition-duration 属性。Safari 支持替代的 -webkit-transition-duration 属性。 Internet Explorer 9 以及更早版本的浏览器不支持 transition-...

Global site tag (gtag.js) - Google Analytics