后一个div无法遮挡住前一个有img的div

这个标题实在是我无奈之下才取出来的,毕竟我文采有限~

今天我遇到的一个eggpain的问题:

前提:当页面上有两个没有background的div,大小一样,绝对定位在同一个地方(让第二个遮挡住第一个),但是第一个div中有一个img,并且给这个div添加一个click事件

出现的问题:点击第二个,居然触发了第一个div的click事件,在ie10以下(包括ie10)都会出现这个问题(chrome是对的)。

解决方法: 给第二个div添加背景,但是背景都有颜色(加transparent也没用),所以只能加background:url(about:blank);

时间: 2024-08-01 01:57:18

后一个div无法遮挡住前一个有img的div的相关文章

微信小程序——获取当天的前一个月至后一个月

看标题也不知道你有没有明白我想表达的意思,先上个动态图吧~ 需要分析: 1.获取当前日期的前一个月,后一个月和当月.比如说现在是7月5号,我需要得到6月5号至8月5号的日期,同时还要返回当前的星期. 2.滑动到某个月份的区间的时候,左侧也相应的变到当前月份.比如我现在滑动到6月10号了,那么左侧就要显示成6月了. 3.页面打开默认是显示今天. 实现思路: 1.获取本月的数据(这个例子中就是从7.1至7.31) 2.获取上个月某号至月底的数据(这个例子中就是从6.5至6.30) 3.获取下个月1号

[ jquery 过滤器next(expr) ] 此方法用于在选择器的基础之上搜索被选元素的后一个同级元素,此方法参数只能传递表达式,无法传递其他类型

此方法用于在选择器的基础之上搜索被选元素的后一个同级元素,此方法参数只能传递表达式,无法传递其他类型: 实例: <html lang='zh-cn'> <head> <title>Insert you title</title> <meta http-equiv='description' content='this is my page'> <meta http-equiv='keywords' content='keyword1,key

弹出层或者下拉菜单被下面的 层遮挡住了解决办法

弹出层或者下拉菜单被下面的<div>层,或者jquery图片切换屋遮挡住了解决办法.这个一般是屋设置了position属性,如POSITION: relative;解决这个办法在当前层设置z-index都是无效的,即使将弹出层所在父层的z-index设置到999,可弹出层依然会被底下的div遮挡住. 造成这个原因是层的叠加原因,叠加原则中指出,非同辈元素,任意一者或其祖元素拥有动态定位时,同时各自向上寻找动态定位的祖元素,并分别从中拿出具备最高级别的祖元素(或其本身)进行比较.所以根据层的叠加

移动端输入框固定在底部键盘抬起时遮挡住输入框

移动端开发时输入框使用fixed固定在底部时,抬起键盘会遮挡住输入框 监听输入框获得焦点 $(function(){ $("#pinglun").focus(function(){           //输入框获得焦点 var tHeight = $(document).height();     //获取当前屏幕高度,没用到 console.log('当前屏幕高度='+tHeight) console.log('输入框获得焦点') document.getElementById(&

Android ADT,SDK 更新后一个问题:新建项目layout和src文件夹为空

Android SDK和ADT更新到23.0.0后,结果问题出现了,在创建一个默认的blank activity后,发现layout和src文件夹为空,没有默认的框架文件,原来以为是安装出问题,删除重装,还是没有办法解决.今天发现两个文件又有更新包了,不知道是不是Android SDK的23.0.0版本和ADT的23.0.0版本本身导致的问题,不过更新到23.0.1后解决问题了. 解决方案: 步骤一:启动SDK Manager,按照提示把Android SDK tools更新至最新版本23.0.

checkbox复选框和div click事件重叠,点击div后复选框也被选中,同时改变div颜色,否则则不选中

 checkbox复选框和div click事件重叠,点击div后复选框也被选中,同时改变div颜色,否则则不选中 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> div { display: inline-block; width: 100px; margi

DIV横向排列_CSS如何让多个div盒子并排同行显示

如何让多个div盒子并排同行div横向排列显示呢? 我们先设置3个div盒子对象,什么css样式都不设置看看效果.代码如下: 三个div盒子均独占一行显示 div盒子本身默认样式属性是独占一行,而解决div独占一行方法通常有两种,一种为设置浮动,另外一种为设置display样式.接下来为大家通过文章+图片+案例方法介绍解决div盒子对象并排横向排列且同行显示方法. 一.使用css float并排显示 我们对div设置一个float浮动属性即可解决不并排显示,只要你的并排div盒子总宽度小于或等于

css 父div如何包裹带有float属性的子div,float子div如何撑开父div

来自网络摘抄 原始代码 <style> #div1{border:1px solid red;float:left;} #div2,#div3{float:right;border:1px solid blue;} </style> <div id="div1"> <div id="div2">two</div> <div id="div3">one</div>

子div块中设置margin-top时影响父div块位置的解决办法

在css中设置样式时,通常会遇到用子div块margin中设置margin-top时,父div块中就会随着子div的margin-top,也会和子div执行相同的margin-top的位置样式 解决办法1: 若子div块中使用margin-top,则在父div块中添加:overflow:hidden; 解决办法2: 若由于特殊情况不能在父div块中添加:overflow:hidden,那么在子div块中用padding-top代替margin-top;