当前位置:首页 > 开发 > Web前端 > 前端 > 正文

ie右键菜单bug

发表于: 2013-07-03   作者:big_student   来源:转载   浏览次数:
摘要: 如果多层(z-index不同)div同样大小,或者最底层的div大小比上层的大,而且底层div包含了img标签,其上层div右键菜单在ie上会默认为img所在层的菜单,造成本身的菜单无法弹出。 有点绕,可以到web.qq.com测试(至少本日志发布时间该问题还存在),在桌面空白的地方右键其他浏览器可以正常弹出菜单,而ie却不行。如下面的页面,正常会弹出div20,ie则弹出div0。 <

如果多层(z-index不同)div同样大小,或者最底层的div大小比上层的大,而且底层div包含了img标签,其上层div右键菜单在ie上会默认为img所在层的菜单,造成本身的菜单无法弹出。

有点绕,可以到web.qq.com测试(至少本日志发布时间该问题还存在),在桌面空白的地方右键其他浏览器可以正常弹出菜单,而ie却不行。如下面的页面,正常会弹出div20,ie则弹出div0。

<div id="div0" style="left:0; top:0; height:400px; width: 600px; position: absolute;z-index: 0" oncontextmenu="alert('div0')">
        <img src="http://www.iteye.com/images/user-logo.gif"  style="height:100%;width:100%;"/>
    </div>
    <div id="div20" style="position: absolute; left:0; top:0; z-index: 20; height:400px;width: 600px;"  oncontextmenu="alert('div20')">1</div>
    <div  id="div10" style="position: absolute; text-align:center; left:0; top:0; z-index: 10; height:400px;width: 600px; color: red"  oncontextmenu="alert('div10')">2</div>

 一直困扰的一个问题,今天静下心来调试了一下。发现是background的问题,ie右键按z-index计算,对未设置background的div如果下层有img标签则会使用img标签所在层的右键菜单,所以对div20设置一个background(不能为transparent),加颜色,或者可以设置个透明图片即可解决。

ie右键菜单bug

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
软件:http://dlsw.baidu.com/sw-search-sp/soft/6c/12067/MenuMgr1.1.0.0.2076672245.exe 当 文件夹
js代码,需要js库支持,也可以自己写成js的 var contextMenuPanel='<div id ="contextMenu" styl
js代码,需要js库支持,也可以自己写成js的 var contextMenuPanel='<div id ="contextMenu" styl
第一步:修改windows注册表 1·开始->运行(或者win键+R),输入REGEDIT,回车,打开注册表编辑器;
今天是给大家介绍一款在网页上使用的右键菜单,原作者的网址是:http://51jsr.iteye.com/blog/30551
树组件右键菜单 步骤1,在页面上添加菜单元素并隐藏 详细参见:http://www.360ui.net <div class=
按照步骤,一步一步来。 第一步:修改windows注册表 1·开始->运行(或者win键+R),输入REGEDIT,
Win+R --> Regedit-->HKEY_CLASSES_ROOT\Directory\background\shell\Ticino 删除Ticino目录
插件下载地址: http://www.trendskitchens.co.nz/jquery/contextmenu/jquery.contextmenu.r2.js 压
插件下载地址: http://www.trendskitchens.co.nz/jquery/contextmenu/jquery.contextmenu.r2.js 压
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号