火狐和谷歌不支持Cursor:hand的写法的解决方法

最新推荐文章于 2022-07-17 23:59:10 发布
最新推荐文章于 2022-07-17 23:59:10 发布
阅读量4.4k 收藏
点赞数
文章标签： firefox ie css google 浏览器 c
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sh185/article/details/6018896
版权
在CSS中手型指针有cursor:hand和cursor:pointer两种写法,其中cursor:hand在FireFox中不支持,返回错误! 只要使用cursor:pointer即可解决问题，FF和IE都支持,且Google的浏览器也支持！cursor:pointer应该是符合W3C标准的。 cursor:hand ：IE完全支持。但是在firefox是不支持的，没有效果。 cursor:pointer ：是CSS2.0的标准。所以firefox是支持的，但是IE5.0既之前版本不支持。IE6开始支持。 IE5 IE6 IE7 Firefox cursor:pointer × √ √ √ cursor:hand √ √ √ × 看来以后用cursor:pointer 是最好的了
weibinbinlove
关注
火狐浏览器的css写法,CSS样式IE浏览器跟火狐浏览器兼容写法
weixin_29796905的博客
08-03 1654
前台样式最烦人的就是各种浏览器跟分辨率的兼容问题，首先需要了解各个浏览器之间样式在哪几方面容易出问题 。IE支持自定义光标文件cursor:url()IE支持自定义滚动条颜色风格IE6中的select有永远处在最上的bug,而且css对select不起作用。在form中，IE支持label，包括文字和图片；但是火狐不支持图片的label，点击图片不能让label for的radio或者checkb...
前端常见兼容性问题以及解决方法
Senora的博客
08-04 1523
一、CSS兼容 1.不同浏览器的标签默认的外补丁( margin )和内补丁(padding)不同 2、IE6双边距问题;在IE6中设置了float ，同时又设置margin,就会出现边距问题 3、当标签的高度设置小于10px，在 IE6、IE7 中会超出自己设置的高度 二、js兼容 1. 事件绑定 2. event事件对象问题 3. event.srcElement(事件源对象)问题 ...
鼠标手型指针，png格式，背景已经修为透明，可以用在网页模板中使用，增加点击效果提示。
12-08
鼠标手型指针，png格式，背景已经修为透明，可以用在网页模板中使用，增加点击效果提示。
css手型指针_CSS美化网页
weixin_39968655的博客
11-29 251
一、字体样式font-family：设置字体类型，可以同时声明多种字体，字体之间用英文逗号分隔开；font-size：设置字体大小，常用单位为px，还有其他如in、cm、mm、pt、pc等单位；font-style：设置字体风格，有三个属性值，分别是normal(标准字体样式)、italic(斜体字体样式)、oblique(倾斜字体样式)；font-weight：设置字体粗细，属性值有normal...
手性指针CSS
精致-简洁-唯美
05-13 752
cursor:hand 在ie和 chrome中正常显示，在firefox中不能正常显示 使用cursor:pointer 则在几个浏览器下都能正常显示
FF,IE区别---手型指针
lessong1989的专栏
11-27 304
昨天review的时候发现我的模块一个手型没有出来，明明我写了 ')"/>，然后查找资料才知道，手型指针有两种，cursor:hand和cursor:pointer，有些浏览器不支持cursor:hand，例如火狐，而cursor:pointer都支持，所以改为 <img alt="删除" style='cursor:pointer' src="Images/Icon-Delete.png"
css手型指针_前端基础面试题(HTML+CSS部分)
weixin_39887183的博客
11-22 752
1.行内元素和块级元素?img算什么?行内元素怎么转化为块级元素?行内元素：和有他元素都在一行上，高度、行高及外边距和内边距都不可改变，文字图片的宽度不可改变，只能容纳文本或者其他行内元素；其中img是行元素块级元素：总是在新行上开始，高度、行高及外边距和内边距都可控制，可以容纳内敛元素和其他元素；行元素转换为块级元素方式：display：block；2.将多个元素设置为同一行?清除浮动有几种方式...
ie和firefox不兼容的解决方法集合
09-06
IE支持`cursor: hand`，而Firefox则不支持，它只认`cursor: pointer`。为了解决这个问题，只需统一使用`cursor: pointer`，因为这是两种浏览器都支持的样式： ```css .button { cursor: pointer; } ``` 这将确保...
IE和Firefox在JavaScript应用中的兼容性探讨
10-30
`会使得鼠标指针变为手型，但Firefox并不支持这一特性，而使用`cursor: pointer;`可以在两个浏览器中都实现相同的效果。这是由于Firefox遵循更标准的CSS规范，而IE有时会使用非标准的语法。 1. 对于`document.form...
IE与Firefox的CSS兼容大全 推荐
09-25
例如，FF（Firefox的简称）在div元素使用margin-left和margin-right属性设置为auto时可以实现水平居中，而IE浏览器则不支持这种居中方式。在这种情况下，需要通过其他方法，比如设置父元素的text-align属性为center...
解决firefox、chrome不兼容cursor:hand 设置鼠标为手型的方法
weixin_34168700的博客
06-16 280
解决firefox、chrome不兼容cursor:hand <img id="register" src="image/reg.gif" width="52" height="21" border="0px" style="cursor:hand;"> cursor：hand只有微软IE浏览器识别兼容所有浏览器可以用 cursor:pointer 修改...
pointer在html作用,html-CSS中的“ cursor：pointer”效果为什么不起作用
weixin_39755712的博客
06-20 2982
html-CSS中的“ cursor：pointer”效果为什么不起作用HTML：YOU CHIA LAII am a Master of Architecturecandidate at Rice University.I am also interested in photography &web design.I wish you can know more about me.CSS...
cursor:pointer失效问题
星辰之嗨的博客
04-17 7012
在div的css样式中使用cursor:pointer，却发现仅在空白处（padding）能显示手的形状 解决办法：添加z-index
【CSS】cursor: pointer；不起作用,无法显示鼠标指向
余浩的博客
01-13 6939
【CSS】cursor: pointer；不起作用,无法显示鼠标指向----解决：添加上pointer-events: auto;
CSS中cursor属性给标签加上小手形状
王燕欣的博客
06-29 1万+
我们发现a标签在网页中有一个值得注意的地方，即鼠标移到a标签上光标会变成一只小手的图标，移出a标签后又恢复为默认箭头。 如今，JS在网页中的功能越来越强大，有时候我们需要在页面中添加一些可点击的标签实现一些功能。如以下代码： 1 2 3 meta charset="utf-8" /> title>给点击标签加上小手
鼠标悬浮样式
weixin_34008933的博客
02-26 972
1）、div{ cursor:default }默认正常鼠标指针2）、div{ cursor:hand }和div{ cursor:text } 文本选择效果3）、div{ cursor:move } 移动选择效果4）、div{ cursor:pointer } 手指形状 链接选择效果5）、div{ cursor:url(url图片地址) }设置对象为图片...
css中鼠标变成手型设置
GuessHat的博客
07-16 2600
css中鼠标变成手型设置 主要依赖cursor属性，对应的设置值如下： default：标准箭头 //这是默认的样式 pointer：手形光标 wait ：等待光标 text：I形光标 vertical-text ：水平I形光标 no-drop：不可拖动光标 not-allowed：无效光标 help：帮助光标 all-scroll：三角方向标 move ：移动标 crosshair：十字标 ...
css 鼠标呈现手指型
热门推荐
mengzuchao的专栏
05-29 2万+
常用cursor光标说明1）、div{ cursor:default }默认正常鼠标指针2）、div{ cursor:hand }和div{ cursor:text } 文本选择效果3）、div{ cursor:move } 移动选择效果4）、div{ cursor:pointer } 手指形状 链接选择效果5）、div{ cursor:url(url图片地址) }设置对象为图片更多：http:/...
用css 添加手状样式,鼠标移上去变小手
小杨的博客
07-17 1万+
用css 添加手状样式,鼠标移上去变小手,变小手 cursor:pointer; 用JS使鼠标变小手onmouseover(鼠标越过的时候) onmouseover="this.style.cursor='hand'" cursor其他取值 auto ：标准光标 ...用css 添加手状样式,鼠标移上去变小手,变小手 cursor:pointer; 用JS使鼠标变小手onmouseover(鼠标越过的时候) onmouseover="this.style.cursor='hand'" cursor其
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值