css兼容性问题this.style.cursor=''hand''
CSS this cursor Style 兼容性问题 hand
2023-06-13 09:14:06 时间
作者:洛科
先看这一句
复制代码代码如下:
先看这一句
<ahref="#"onmouseover="this.style.cursor="hand""onmouseout="this.style.cursor="default""onclick="document.getElementById("ShowContent").innerHTML="";returnfalse;">
<imgalt="清空屏幕"src="UI/clear.gif"style="border:0"/>
</a>
在IE下是没问题的,当鼠标划过去时,会出现一个小手的形状,但是在FF中,只有第一次划过去才有效,这个有效是因为有锚记A的存在,而不是onmouseover起作用的结果。
网上找了很多,都说只要让this.style.cursor="hand"改成this.style.cursor="pointer"就可以了,但是在FF中鼠标划过去时只有第一次会出现小手。
其实在FF下面要达到在IE中一样的效果也是可以的。我们的办法就是使用CSSHACK(难道我为CSSHACK又增添了这一条哈哈?)
<ahref="#"onmouseover="this.style.cursor="pointer";this.style.cursor="hand""onmouseout="this.style.cursor="default""onclick="document.getElementById("ShowContent").innerHTML="";returnfalse;">
<imgalt="清空屏幕"src="UI/clear.gif"style="border:0"/>
</a>
在IE7和FF3.0.3中测试通过。
相关文章
- CSS Sprites 样式生成工具
- 你可能不知道的 CSS 滤镜技巧与细节
- 在html中加入外部css样式,如何引入CSS样式表?
- 常用的css文件_css常用的三种选择器
- html css制作404页面,一款纯css3实现的漂亮的404页面
- 如何在CSS中使用变量
- 【说站】css外边距margin是什么
- css里的clear_clear用法
- 使用html css实现180箭头旋转,纯CSS实现箭头旋转「建议收藏」
- 开发中实用CSS干货(持续不稳定更新)
- CSS 03 线性渐变、径向渐变与重复性渐变
- 【CSS教程】简约渐变色登陆布局html+css代码
- 【CSS】盒子边框 ③ ( 设置表格细线边框 | 合并相邻边框 border-collapse: collapse; )
- The Shapes of CSS(css的形状)详解编程语言
- JS中的CSS选择器
- CSS如何影响MySQL的使用(css影响MySQL)
- MySQL登陆系统CSS实现一键登录(css mysql登陆)
- css元素定位
- 布局用CSS+DIV的优点总结
- CSS顶级技巧大放送,div+css布局必知
- 用CSS来控制图片显示大小的代码
- 简单的加密css地址防止别人下载你的CSS文件的方法
- div+css+js模拟tab切换效果事件绑定IE,firefox兼容
- 兼容主流浏览器的jQuery+CSS实现遮罩层的简单代码
- Javascript+CSS实现影像卷帘效果思路及代码