css 兼容性问题this.style.cursor='hand'

程序员文章站 2022-06-16 20:04:05

作者：洛科先看这一句复制代码代码如下:

<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中测试通过。

上一篇： GitHub入门教程手把手教你最简单的开源项目托管

下一篇：用VBS模拟二叉树，可以得到一个排序办法.

css 兼容性问题this.style.cursor='hand'

CSS Div 最小高度在IE 6 和IE 7中的兼容性问题

解决IE5/IE5.5/IE6/FF的兼容性问题——CSS

css 兼容性问题this.style.cursor=''hand''

CSS在IE6中常见的兼容性问题

浏览器兼容性问题——IE不支持却很实用的CSS属性(一)

关于css兼容性问题及一些常见问题汇总

dom.style.prop脚本化CSS:读写元素css属性, 可读写行间样式，没有兼容性问题。 window.getComputedStyle(ele,null)。

笔试常考--浏览器兼容性问题及解决方案（CSS）

css 兼容性问题this.style.cursor=''hand''

前端之CSS常见兼容性问题