繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > css 兼容性问题this.style.cursor=''''hand''''
- CSS样式表
- 关于CSS控制DIV水平居中问题
- CSS:相同元素不同结构重复定义的问题
- 关于DIV CSS和XHTML CSS的理解
- CSS教程：简单理解em
- CSS教程:导致一些问题的overflow
- CSS常用属性的代码简化实例
- CSS教程：总结清除浮动的方法
- 网页设计中典型的header代码结构
- CSS初学者常犯错误汇总
- CSS网页布局：div水平居中的各种方法
- CSS Div网页布局中的结构与表现
- CSS教程：简化CSS中属性的示例
- CSS网页布局：div垂直居中的各种方法
- acronym标记和abbr标记的不同之处
- CSS编写的网页打开流畅相关知识与注意点
- 你知道CSS中长度单位pt、px、dpi的意思吗？
- CSS页面布局中HTML结构化
- CSS选择器的使用技巧
- CSS教程：网页图片垂直居中的使用技巧
- dl,dt,dd标记在网页中要充分利用
CSS样式表 中的 css 兼容性问题this.style.cursor=''''hand''''
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 308 ::
收藏到网摘: n/a
css 兼容性问题this.style.cursor='hand'让我们来CSS HACK 作者：洛科
先看这一句
复制代码 代码如下:
<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中测试通过。
评论 (0) All
