css 兼容性问题this.style.cursor=''hand''
2008-11-05 23:05
1721 查看
作者:洛科
先看这一句
在IE下是没问题的,当鼠标划过去时,会出现一个小手的形状,但是在FF中,只有第一次划过去才有效,这个有效是因为有锚记A的存在,而不是onmouseover起作用的结果。
网上找了很多,都说只要让this.style.cursor='hand'改成this.style.cursor='pointer'就可以了,但是在FF中鼠标划过去时只有第一次会出现小手。
其实在FF下面要达到在IE中一样的效果也是可以的。我们的办法就是使用CSS HACK(难道我为CSS HACK又增添了这一条 哈哈?)
在IE7和FF3.0.3中测试通过。
先看这一句
<a href='#' onmouseover="this.style.cursor='hand'" onmouseout="this.style.cursor='default'" onclick="document.getElementById('ShowContent').innerHTML='';return false;">
<img alt="清空屏幕" src="UI/clear.gif" style="border:0"/>
</a>
在IE下是没问题的,当鼠标划过去时,会出现一个小手的形状,但是在FF中,只有第一次划过去才有效,这个有效是因为有锚记A的存在,而不是onmouseover起作用的结果。
网上找了很多,都说只要让this.style.cursor='hand'改成this.style.cursor='pointer'就可以了,但是在FF中鼠标划过去时只有第一次会出现小手。
其实在FF下面要达到在IE中一样的效果也是可以的。我们的办法就是使用CSS HACK(难道我为CSS HACK又增添了这一条 哈哈?)
<a href='#' onmouseover="this.style.cursor='pointer';this.style.cursor='hand'" onmouseout="this.style.cursor='default'" onclick="document.getElementById('ShowContent').innerHTML='';return false;">
<img alt="清空屏幕" src="UI/clear.gif" style="border:0"/>
</a>
在IE7和FF3.0.3中测试通过。
相关文章推荐
- 又见兼容性问题 this.style.cursor='hand' 让我们来CSS HACK
- IE6-IE9兼容性问题列表及解决办法_补遗漏之二:CSS区分大小写,Style中height需要加px
- td onmouseover="this.style.cursor='hand'" onmouseout="this.style.cursor='normal'" >小手状
- css 不兼容性问题小结
- css解决IE6,IE7,firefox兼容性问题[2]
- CSS的解决IE5/IE5.5/IE6/FF的兼容性问题
- css兼容性问题的解决之道
- css 样式 element.style 覆盖问题
- Win10 UWP开发系列:解决Win10不同版本的Style差异导致的兼容性问题
- CSS常见兼容性问题总结
- CSS兼容性解决方法(盒模型)- !important的IE7,Firefox问题 最终解决方法
- CSS属性游标手指:cursor中pointer和hand的区别
- IE和火狐的css兼容性问题
- 关于CSS兼容性的问题
- css兼容性问题
- Web前端,遇到的IE6兼容性问题及解决(个人笔记,CSS施工中)
- 网页设计html+css兼容性问题处理办法汇总
- 网站Div+Css结构重构(兼容性问题)
- 解决IE6、IE7、IE8、Firefox的CSS兼容性问题
- fire fox 不支持location.href('')和cursor:hand的问题