注册 登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

谈笑涧

已开通独立前端博客,请访问 http://www.candoudou.com

 
 
 

日志

 
 

解决IE下鼠标穿透事件的方法  

2012-02-14 22:34:25|  分类: js |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

IE中如果两个div有层叠关系,上层的div没有内容和背景图片,那么下层div在某些情况下就可以响应点击在上层的事件,也就是说,上层的div被穿透了。

下层div可以响应点击的区域如下:

1)如果下层div有边框的话,边框可以响应点击

    2)背景图和背景色都不能响应点击

    3)内容可以响应点击,比如文本,图片等

例如:下边这段代码FF中可以正常执行,在IE7中却没有触发onclick

<div>

        <div style="height:100px;width:100px;" onclick="alert(testClick)"></div>

</div>

解决办法:给子div设置1px×1px的透明背景图片(.gif

  评论这张
 
阅读(717)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018