在 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是由系统自动给出效果
分享到:
相关推荐
但是在firefox是不支持的,没有效果。 cursor:pointer :是CSS2.0的标准。所以firefox是支持的,但是IE5.0既之前版本不支持。IE6开始支持。 结论:还是用 cursor:pointer 来的方便 cursor:鼠标 pointer:指针 ...
鼠标特效用css的cursor属性控制形状
CSS中cursor属性的鼠标样式有哪些?本文整理了一些,可供大家使用,感兴趣的朋友也可以参考下
此文档包含了CSS中cursor属性对应的鼠标图片与说明
支持.net 心语聊天室系统<style type="text/css"> .headerBg { cursor: hand; text-align: center; width: 160px; color: #000000; font-family: 宋体; font-size: 10px; font-weight: bold; background-...
创意CSS3属性鼠标悬停动画菜单 创意CSS3属性鼠标悬停动画菜单 创意CSS3属性鼠标悬停动画菜单 创意CSS3属性鼠标悬停动画菜单
/*FireFox(火狐)不支持cursor:hand*/ dw8下面自动出来的也没有hand这个属性了,标准的是pointer 问题二:FireFox(火狐)不支持滤镜 最常见的半透明不支持。 filter: Alpha(Opacity=50); /* for IE */ opacity: ...
CSS 语法 说明 关键字 font-family:字型一,字型二,…… 设置文本字型 font-size:长度|关键字设置文本大小 xx-small:极小 x-small:特小 small:小 medium:中等 large:大 x-large:特大 xx-large:极大 font-...
资源名称:CSS 属性兼容性对照表内容简介: CSS属性兼容性对照表 PDF,主要是列出一些CSS2.0/CSS2.1在各个版本的IE、火狐等主流浏览器下的兼容支持问题,此表有助于以后书写出全兼容的WEB标准化网页打下基础,前端...
第四步,在Firefox浏览器中打开我们要优化的页面(本地的页面也可以),点击右上角的firebug(有个小蜜蜂图标),打开firebug工具窗口,我们会看到在工具选项中我们有一个 CSS Usage工具的按钮。 首先我们来分析最...
对于某一单元行需要显示时,使用CSS display:block属性,不需要显示时使用display:none属性,在IE浏览器中显示正常,没有任何问题,但是当用Firefox浏览时却出现了布局错乱的问题,这是为什么呢? 本文向大家介绍...
资源名称:CSS属性速查表内容简介:!important 增加特定规则的重要性。 :active 设置当链接处于激活状态时 a 元素的样式。 :first-letter 在对象的第一个字符上应用一个或多个样式。 :first-line 在对象的...
巧合要用到鼠标样式效果,就顺便整理了下十五种CSS鼠标样式,小例子供大家使用啊。CSS鼠标样式语法如下: 任意标签中插入 style="cursor:*" 例 ... hand是手型 例子:CSS鼠标手型效果 <a>CSS鼠标手型效果</a> pointer
纯CSS3属性鼠标悬停动画过渡圈悬停效果
今天在使用CSS属性的时候发现"cursor:hand;"在Firefox中鼠标不会变为手型,后来上网搜索了一下资料,发现hand这个cursor属性在Firrefox中不兼容,使用"cursor:pointer"就都可以显示了。
sprity-css-rollover 用于css-rollover样式处理器 提供鼠标悬停时的视频预览效果 如果没有鼠标悬停,则允许使用默认图像 查看 要求 版本> = 1.0 安装 npm i sprity-css-rollover 用法 <!-- Change cursor ...
background 简写属性,作用是将背景属性设置在一个声明中。 background-attachment 背景图像是否固定或者随着页面的其余部分滚动。Scroll随文滚动 background-color 设置元素的背景颜色。 background-image 把...
巧合要用到鼠标样式效果,就顺便整理了下十五种CSS 鼠标样式,小例子供大家使用啊
即将css属性值赋值为空,页面中就不会显示该css属性了。 如:$(‘.div1’).css(‘opacity’,”); 以上这篇Jquery删除css属性的简单方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持...
兼容性:Internet Explorer 10、Firefox、Opera 和 Chrome 支持 transition-duration 属性。Safari 支持替代的 -webkit-transition-duration 属性。 Internet Explorer 9 以及更早版本的浏览器不支持 transition-...