这是IE Bug??谁有解决办法？-CSDN论坛

这是IE Bug??谁有解决办法？

Web 开发 > HTML(CSS)

收藏回复

[问题点数：50分，结帖人ZXY900213]

⋅c#如何监视其他程序，并获取数据 ⋅asp.net webapi 的一些疑问 ⋅这是IE Bug??谁有解决办法？ 更多帖子 关注私信空间博客 ZXY900213 等级 本版专家分：1657 结帖率 100%

下边的代码：box-button和box-cover都是绝对定位。box-cover是悬浮在box-button之上的，完全遮盖了box-button。box-cover绑定了click事件。box-button里面有文字，如果鼠标点击的区域没有文字，一切正常，但是如果点击在文字上，click事件就无效。当然只是在IE里面，我的是IE 10，大家有没有遇到过这种问题？请问怎么解决？

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta charset="utf-8" />

    <title></title>

    <style type="text/css">

        .box { position:relative; width:500px; margin:30px auto; }

        .box * { position:absolute; top:0; right:0; width:100px; height:35px; }

        .box .box-button { background-color:red; color:#FFF; line-height:30px; text-align:center; font-size:14px; }

        .box .box-cover { z-index:100; cursor:pointer; }

    </style>

    <script type="text/javascript">

        function docLoad() {

            document.getElementById("cover").attachEvent("onclick", function () {

                alert("OK");

            });

        }

    </script>

</head>

<body onload="docLoad()">

    <div class="box">

        <div class="box-button">选择</div>

        <div class="box-cover" id="cover"></div>

    </div>

</body>

</html>

2015-06-02 11:27:47

点赞只看楼主引用举报楼主收起

展开阅读全文

⋅古德的故事许久未见了。。。。烦躁。。。。 ⋅swiper 与 iframe 结合的BUG ⋅如何使swiper触摸后轮播不停止 更多帖子 关注私信空间博客 香蕉猪 等级 本版专家分：7049: 直接用box-button绑定相关事件不就可以了嘛。。。

2015-06-02 11:31:45

点赞只看TA 引用举报 #1得分 10

⋅c#如何监视其他程序，并获取数据 ⋅asp.net webapi 的一些疑问 ⋅这是IE Bug??谁有解决办法？ 更多帖子 关注私信空间博客 ZXY900213 等级 本版专家分：1657: 引用 1 楼 gy127132060 的回复:
直接用box-button绑定相关事件不就可以了嘛。。。

不行，其实这只是个例子，真正的情况不是这样的。真正的情况是我的box-cover里面其实是放了flash的。click事件是由flash响应的。

2015-06-02 11:33:57

点赞只看TA 引用举报 #2得分 0

⋅如何计算这个月的用水读数 更多帖子 关注私信空间博客 风中的少年 等级 本版专家分：2740

那就用透明呗：



      .box .box-cover { z-index:100; cursor:pointer;background:yellow;filter:alpha(opacity=0.1);

	-moz-opacity:0.1;

	-khtml-opacity: 0.1;

	opacity: 0.1;}

2015-06-02 14:44:23

点赞只看TA 引用举报 #3得分 20

⋅c#如何监视其他程序，并获取数据 ⋅asp.net webapi 的一些疑问 ⋅这是IE Bug??谁有解决办法？ 更多帖子 关注私信空间博客 ZXY900213 等级 本版专家分：1657

引用 3 楼 bbboy8205 的回复:

那就用透明呗：



      .box .box-cover { z-index:100; cursor:pointer;background:yellow;filter:alpha(opacity=0.1);

	-moz-opacity:0.1;

	-khtml-opacity: 0.1;

	opacity: 0.1;}

本来就是透明的。。这个跟透明没什么关系吧？？

2015-06-02 15:21:03

点赞只看TA 引用举报 #4得分 0

⋅如何计算这个月的用水读数 更多帖子 关注私信空间博客 风中的少年 等级 本版专家分：2740

引用 4 楼 ZXY900213 的回复:

Quote: 引用 3 楼 bbboy8205 的回复:
那就用透明呗：
      .box .box-cover { z-index:100; cursor:pointer;background:yellow;filter:alpha(opacity=0.1);

	-moz-opacity:0.1;

	-khtml-opacity: 0.1;

	opacity: 0.1;}
本来就是透明的。。这个跟透明没什么关系吧？？

div本身不是透明的

2015-06-02 15:46:59

点赞只看TA 引用举报 #5得分 0

⋅古德的故事许久未见了。。。。烦躁。。。。 ⋅swiper 与 iframe 结合的BUG ⋅如何使swiper触摸后轮播不停止 更多帖子 关注私信空间博客 香蕉猪 等级 本版专家分：7049

那就直接用div上的onclick实现就好了呗。。。



<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta charset="utf-8" />

    <title></title>

    <style type="text/css">

        .box { position:relative; width:500px; margin:30px auto; }

        .box * { position:absolute; top:0; right:0; width:100px; height:35px; }

        .box .box-button { background-color:red; color:#FFF; line-height:30px; text-align:center; font-size:14px; }

        .box .box-cover { z-index:100; cursor:pointer; }

    </style>

    <script type="text/javascript">

		function aa(){

			alert("OK");

		}

    </script>

</head>

<body onload="docLoad()">

    <div class="box">

        <div class="box-button">选择</div>

        <div class="box-cover" id="cover" onclick="aa()"></div>

    </div>

</body>

</html>

2015-06-02 17:17:43

点赞只看TA 引用举报 #6得分 0

⋅（如图）网站左侧菜单栏，从一级菜单移动到二级菜单的过程中，鼠标移入其他一级菜单仍不消失的问题 ⋅5555,博客被封了,求解封 ⋅关于tomcat6，有启动信息显示，但servlet一旦有异常，在IE显示而在console不显示 更多帖子 关注私信空间博客 版主 forwardnow 等级 本版专家分：3358



<style type="text/css">

    #cover {

        background-color: green;

        filter:alpha(opacity=0); 

    }

</style>

给 “cover” 一个背景色，让他完全遮住按钮；然后使其完全透明，把按钮的样式露出来。
这样就能解决你的问题。

2015-06-02 19:28:18

点赞只看TA 引用举报 #7得分 20

收起

收藏回复

ZXY900213

等级：

关注私信 TA的帖子

IE6的BUG的解决办法: 双边距BUG float引起的使用display 像素问题使用float引起的使用dislpay:inline -3px 超链接hover 点击后失效使用正确的书写顺序 link visited hover active z-index问题给父级添加position:relative Png ...

IE6浏览器的bug问题及相关解决的方法: 1、css浮动边距加倍错误（双倍边距BUG）的解决办法 该错误只影响ie而不影响其他浏览器，我们可以考虑用hack来解决！！！解决方法：_display:inline; 2、扩展框问题原因：无法将内容放入固定宽度或固定高度...

IE浏览器常见的9个css Bug以及解决办法: 这让Web程序员及设计师往往为了其CSS在各个IE版本下表现怪异而痛苦不已，有时候需要通过专为IE6或者IE8设计单独的定义。IE浏览器则因此被公认为Web程序员的毒药，虽然在微软官网上并没有提供相关的解决方案，但是IE...

CSS在IE6下的一些BUG和兼容性问题及解决办法: 兼容性一直是前端的一大问题，也是让前端工程师很头痛的事情，在...，但仍然不能忽视，像hao123，腾讯这些网站，仍然兼容到IE6，以下是从各方面收集的解决办法，若有不当或者有更好的解决办法，欢迎交流 (＾－＾)。

写出几种IE6 BUG的解决办法: 双边距BUG：float引起...也就是说，在与浮动同方向的空白边会加倍，解决方法是为这个div的css中添加：display:inline; 这样就可避免双倍边距bug。） 3像素问题：float引起的，使用display：inline -3px;（当使用flo

IE6的双边距Bug以及解决办法: bug描述：就是你明明设置margin-left为10px，但是在IE6下显示的左边距却是20px。 bug出现的条件：当浮动元素的浮动方向和外边距的设置方向一致且浮动元素靠近浮动边界时才会...bug的解决办法：给浮动元素块加上disp...

【IE bug 解决办法】IE下（IE10及以下）当元素为absolute定位时，点击事件失效的解决办法: 然而实际结果是，在ie7、8、9、10（ie6及以下没有做尝试），都没有触发到该事件（ie11、firefox、chrome可以正常触发）（把#J_pre和#J_next换成div标签仍然无法触发，所以可以证明这个和用a标签没有关系）为了...

【IE6 Bug】margin双倍边距Bug的处理办法: 出现IE6双倍边距Bug触发的几个条件： ①：是块元素； ②：有左浮动； ③：有左外边距。...解决办法：把相应的块元素转为内联元素，在相应的块元素中加入... IE6下的双倍Bug解决方法 .div1 { height: 200px;

IE6 BUG的解决方法: 1、终极方法：条件注释缺点是在IE浏览器下可能会增加额外的HTTP请求数。2、CSS选择器区分IE6不支持子选择器；先针对IE6使用常规申明CSS选择器，然后再用子...} –>3、PNG半透明图片的问题虽然可以通过JS等方式解决，但

写出几种IE6 BUG的解决方法: 1.双边距BUG float引起的使用display：inline 2.3像素问题使用多个float和注释引起的使用dislpay:inline -3px 3.超链接hover 点击后失效使用正确的书写顺序 link visited hover active 4.Ie z-index问题给父级...

IE浏览器中最常见的一些bug，及解决方法: 一、IE6双倍边距bug 　当页面上的元素使用float浮动时，不管是向左还是向右浮动;...想要解决这个BUG就需要在该元素中加入display:inline 或 display:block 明确其元素类型即可解决双倍边距的BUG 　二、IE6中3像

IE6下margin双倍边距Bug的处理办法: 改了一天，我才发现了问题，除了IE6双倍边距之外，其他的浏览器都没有问题，为此改了无数次的代码。为了修复双倍边距bug，整理了一下的资料。一、什么是双边距Bug？先来看图：我们要让绿色盒模型在...

IE6浮动换行bug解决办法之一: 我将介绍的是IE6浮动换行bug解决办法之一虽然不是最好的办法但是比较实用简单的办法看代码： .main { clear: both; height: auto; margin: 0 auto; overflow: hidden; width: 980px; } .main_l { ...

Element-UI搜索下拉在IE下的BUG解决办法: 关于ie下带搜索的下拉BUG造成的原因： ...解决办法：通过visible-change事件判断当element ui 隐藏下拉项时手动使IE下input失去焦点具体实现方式： 1、vue文件 <el-form-item label="省" prop="c...

IE6下BUG解决办法汇总: 【描述内容】：在IE下调试页面很麻烦，Firefox下的扩展程序...【关键标签】：IE6,IE6 bug解决,IE6bug 这是一篇转载的文章，为的是自己以后查找相关问题时方便点，所以我把不太相关的删除了，留下一些自认为比

IE6文字溢出bug解决办法: 引用地址：http://hi.baidu.com/oxolin/blog/item/74d37d504c6e0c6b843524c6.html 一个容器包含2两个具有“float...（说到3，这里稍微多说一句——IE7还修正了IE6中的一个bug，bug名字就叫做“3像素bug”）在第二个

前端面试之IE6中的常见BUG与相应的解决办法: 本文主要讲解一些比较容易遇到的IE6BUG，以及解决的办法。一、IE6双倍边距bug 当页面上的元素使用float浮动时，不管是向左还是向右浮动；只要该元素带有margin像素都会使该值乘以2，例如“margin-left:10px” 在...

IE6 透明PNG图片BUG解决办法: png透明针对IE6一直是件挺麻烦的事情，使用的方法也是各有不同，大多的原理是用IE的滤镜来解决的。语法： filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=...

IE6 margin无效BUG解决办法之一: IE6 margin无效的bug， ... 在一些情况下IE6会无效，解决办法是下面的方式。看代码: some contents 就是在最外层加上一个div盒子加上zoom:1值 zoom只有IE6才有的，可以让元素放大缩小触发IE浏览器的haslayout

ie6下几种bug的解决方式: 一、IE6双倍边距bug当页面上的元素使用float浮动时，不管是...想要解决这个BUG就需要在该元素中加入display:inline 或 display:block 明确其元素类型即可解决双倍边距的BUG二、IE6中3像素问题及解决办法当元素使用float

IE6/7/8/CSS/BUG以及兼容问题解决方法: ie6,ie7,ie8 css bug汇总以及兼容解决方法1：li边距“无故”增加　任何事情都是有原因的，li边距也不例外。　先描述一下具体状况：有些时候li边距会突然增加很多，值也不固定（只在IE6/IE7有这种现象），让人...

解决IE6浮动元素产生的“双边距”BUG问题及解决办法: 先来看看什么是“双边距” 看图，绿色盒子在蓝色...看图，这是在IE6浏览器上呈现的效果，是不是看到了不同的效果，它比原来的多出了100px，那为什么会这样呢？那是因为这种情况出现的条件是:当浮动元素的浮动方向和

CSS在IE6浏览器中的bug及解决办法收集: 1、双倍边距bug bug出现的状况：满足下面3个条件才会出现这个BUG: 1）要为块状元素； 2）要左侧浮动； 3）要有左外边距(margin-left)； 解决办法：只...

ie6,ie7,ie8,ie9 css bug兼容解决记录: select { background-color:red\0; /* ie 8/9*/ background-color:blue\9\0; /* ie 9*/ *background-color:#dddd00;...断断续续的在开发过程中收集了好多的bug以及其解决的办法，都在这个文章里面

IE6 IE7 IE8 css bug兼容性解决方法总结归纳: 1：li边距“无故”增加任何事情都是有原因的，li边距也不例外。先描述一下具体状况：有些时候li边距会突然增加很多，值也不固定（只在IE6/IE7有这种现象），让...这是能解决问题，但往往不是我们想要的结果，或许

HTML+CSS结构中IE6BUG全集及解决方案: CSS技巧：IE6双倍边距bug，3像素问题及解决办法，修正重复文字bug，IE6下为什么图片下方有空隙产生等等IE6BUG问题 IE6双倍边距bug 当页面内有多个连续浮动时，如本页的图标列表是采用左浮动，此时设置li的...

c++经典代码大全清晰版: c++经典代码大全适合C++新手看的经典代码！！！

matlab等距线扫描多边形程序实现: matlab等距线扫描多边形程序实现,可以对指定的定点画出相应的多变形，在进行扫描

Autojs 例子源码 1600多个教程源码: autojs例子大全，一千六百多个脚本,简单的到复杂的例子，统统有，小白学完马上变大神，大神学了变超神。脚本内容包含：几十种类型的UI脚本，抖音、QQ、微信、陌陌、支付宝等自动化操作的脚本、还有部分协议列表，HTTP协议(POST、GET)上传下载，接码模块，百度文字识别api模块，文件操作模块：txt文本读一行删一行，等等其他例子

2020数学建模B题及其数据: 2020年数学建模国赛B题及其数据 2020年数学建模国赛B题及其数据 2020年数学建模国赛B题及其数据 2020年数学建模国赛B题及其数据 2020年数学建模国赛B题及其数据 2020年数学建模国赛B题及其数据 2020年数学建模国赛B题及其数据

相关热词 c# cad 坐标转换 c# 窗口内运行word c#获取当前路径的上一级 c#窗体最大化控件不变 c# 程序更新程序案例 c# 中的word类库矩阵乘法c# c# 去空格去转义符 c#用户登录窗体代码 c# 流