`
luotuoass
  • 浏览: 640066 次
文章分类
社区版块
存档分类
最新评论

IE与Firefox中兼容的html设计中使用CSS改变鼠标为手形

 
阅读更多

从来都很不爽于Firefox与IE的CSS不兼容问题,这固然有历史原因,但是很大程度上是微软IE对标准的默认支持不好的原因,为了保护自己的产品,硬是把客户拉到自己特有标准下,使得按照微软设计的标准不兼容其他浏览器。但事实既定,个人也无力改变,只好多花时间搞出个两边都兼容的CSS来了。

今天无意中在做HTML标签时需要将进入DIV范围内的鼠标变成手形,于是使用如下代码:

结果在IE中查看一切正常,到了Firefox中查看,鼠标形状不改变,一查发现,hand只是IE自己支持的标准,而应该使用pointer,于是修改如下:

结果终于满意了,唉。。。。。。。。。。。。。。。。。。。

这里只是作为文档记录一样的记在博客中而已,知道的朋友们请飘过。

分享到:
评论

相关推荐

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

    问题一:最简单的鼠标移过手变型的css要改了 cursor:pointer;/*FireFox(火狐)不支持cursor:hand*/ dw8下面自动出来的也没有hand这个属性了,标准的是pointer 问题二:FireFox(火狐)不支持滤镜 最常见的半透明不...

    firefox 14 和网页开发的插件

    在网页设计制作中经常使用到的火狐浏览器插件工具: 1. Firebug Firebug是开发人员们钟爱火狐浏览器的一个重要原因,Firebug是火狐浏览器上一个集成式的强大调试环境,很多调试应用插件都 必须基于Firebug平台,...

    css的pointer鼠标类型详解(支持IE,firefox,chrome)

    现在,利用css的pointer-events属性即可做到。 CSS pointer-events Pointer-events原本来源于SVG...如果你已经设置一个元素的css属性为pointer-events: none。它将不会捕获任何click事件,而是让事件穿过该元素到达下面

    jQuery星级评分功能插件(兼容IE6,IE7, IE8, Firefox, Opera, Chrome, Safari)

    发现兼容性不好,有的在firefox下有问题,有的在IE6,7,8下有问题,大家可以自己测试一下。只好自己修改了一下一个简单的评分功能插件,终于兼容IE6,IE7, IE8, Firefox, Opera, Chrome, Safari。效果参考: 用法:...

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

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

    兼容ie和firefox的鼠标经过(onmouseover和onmouseout)实现–简短版

    前段时间一直找这个的简短实现 网上也有很多方法 昨天发现了这种方法 感觉是用代码最少的 呵呵 ie下支持css的js ff等支持:hover 就这样了 觉得好的就顶起来 无标题文档 #b_g_date tr{ event:[removed]...

    css实现立体感按钮

    单纯的css代码,实现漂亮的按钮。 两种按钮,颜色有过渡捎带立体效果 兼容IE, Firefox 3.6, Chrome, and Safari 有鼠标滑过和点击的特效

    HTML5和CSS3炫酷图片运动模糊和倾斜特效源码.zip

    本代码适用浏览器:搜狗、360、FireFox、Chrome、Safari、Opera、傲游、世界之窗,不支持IE8及以下浏览器。有兴趣的朋友们可以来下载试试吧。本段代码兼容目前最新的各类主流浏览器,是一款非常优秀的特效源码。希望...

    纯JS和CSS3炫酷桌面便签贴纸特效源码.zip

    本代码适用浏览器:搜狗、360、FireFox、Chrome、Safari、Opera、傲游、世界之窗,不支持IE8及以下浏览器。有兴趣的朋友们可以来下载试试吧。本段代码兼容目前最新的各类主流浏览器,是一款非常优秀的特效源码。希望...

    jquery+CSS3实现邮件滑动特效

    这是一个邮箱发送插件,鼠标悬停邮件上面自动弹出邮件文本。...友情提示:CSS3作品不兼容IE浏览器,大家可以用火狐或谷歌浏览器预览效果。 效果详情可参考http://www.xwcms.net/js/css3sl/16369.html

    CSS视差滚动效果

    实际上,如果你对兼容性要求不是很高,比方说忽略IE浏览器,则我们使用简单的几行CSS代码就可以实现视差滚动效果了。 对于效果展示,先看效果是最能引起兴趣,激发学习热情的,如下(IE9+): 进入Demo滚动滚动条,...

    仿QQ音乐返回顶部和返回底部代码

    兼容:IE6 7 8 Firefox Chrome 锚点为空时,IE6下无法跳转到锚点,所以加了空格符   代替。 另,IE6下被固定定位的元素在滚动滚动条的时候会闪动。解决闪动问题的办法是在 CSS 文件中加入: *html{ background-...

    HTML5 圆形色块颜色选择器,拾色器.rar

    HTML5 圆形色块颜色选择器,拾色器,由一个圆形的色环组成的拾色器,鼠标悬停于对应点时,下方的预览区立即显示出对应点的...这个拾色器的风格还是挺新颖的,而且支持移动设备使用,兼容IE和火狐 、Chrome等浏览器。

    jQuery实现文本描述提示框插件abTips

    兼容IE6+ Safari Opera Firefox Chrome等大部分浏览器。 使用说明以及注意事项如下: 1、首先引用jQuery v1.8.3+版本 ( 更低版本能兼容到jQuery1.43推荐使用jQuery1.8.3 ) jQuery目录地址 js/jquery-1.8.3.min.js ...

    div+css实现鼠标经过背景高亮的导航菜单代码

    本文实例讲述了div+css实现鼠标经过背景高亮的导航菜单代码。...已测试,兼容IE6、7、8、9,Firefox3、4、5、6,Chrome5以上,Opera,Safare,搜狗,遨游,360,TT …… 运行效果截图如下: 在线演示地址如下: ...

    Dom与浏览器兼容性说明

    作为一个Web前端工作者,你...我将在下面列举部份Dom指令在IE和FireFox等浏览器 不兼容性的问题!限于篇幅.我不在该页对提到的Dom指令做详细解释.请点击相关指令名称可以了解详细解释与实例.在使用JavaScript获取触

    CSS无序列表创建的标准菜单效果代码

    这是一款用LI无序列表创建的标准CSS菜单,这是国外一个网站的CSS制作教程,这里重新整理了一下,去除了广告代码,兼容性不错,在IE6/IE7/IE8、火狐下都表现很好,研究CSS的朋友请注意一些CSS的用法,很新颖。...

    QQ在线客服网页源码工具通用版 v1.0

    因公司的网站需要,需要加一个右侧悬浮的QQ客服,一般我们见到的就是右侧悬挂在网页两侧的条幅图片来实现这样的效果。由于目前公司网站上已经有条幅图片,再加上QQ条幅肯定不...程序经过测试兼容IE,火狐,谷歌浏览器。

Global site tag (gtag.js) - Google Analytics