要通过上面遮屏层触发下面的点击事件, 遮屏层样式加:   pointer-events: none; //重要这个属性

<body><div class="btnGroup" onclick="resetMapSize()"><i class="windeows"> </i></div><div class="iframeMapMark"></div><div id="container"></div>
</body>
<style>
.iframeMapMark{width: 100%; height: 100%; position:absolute;background: radial-gradient(90% 90%,rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,1),rgba(0,0,0,1) 100%); z-index: 2; pointer-events: none;}
</style>

如何透过上层div点击下层的元素相关推荐

  1. css如何透过上层div点击下层的元素解决方法

    对上层元素使用: pointer-events: none; 这样点击事件就能穿透上层元素, 但若是你想让上层元素也能得到点击事件,只需要在你需要获得点击的上层元素子元素中加入: pointer-ev ...

  2. 透过上层div点击下层div

    在上层div中设置:pointer-events: none; 如果希望上层也可以点击:pointer-events: auto;

  3. 通过显微镜,人们又看到了一个活生生的但是肉眼看不到的世界。透过成千上万的点击数据,在线世界也就变得更为鲜活,更有意义了。...

    通过显微镜,人们又看到了一个活生生的但是肉眼看不到的世界.透过成千上万的点击数据,在线世界也就变得更为鲜活,更有意义了. 转载于:https://www.cnblogs.com/beingonline ...

  4. 每次点击添加css动画,div点击添加css动画

    div点击添加css动画 }#big_div{width:100%;height:100%;background-color:#00FF00; }.small_div{width:100%;heigh ...

  5. VUE实现DIV点击换色

    VUE实现点击DIV背景换色 VUE实现DIV点击换色 这个方法初衷是为了代替button做一个更加自由添加图标标题之类的按钮来代替tab页签,所以后续还可以绑定一些自己的事件,如跳转页面,窗口弹出. ...

  6. unity透过UI去点击物体

    透过UI去点击物体 1,演示 2,代码 using System.Collections; using System.Collections.Generic; using UnityEngine; u ...

  7. onclick被上层div/img等挡住

    当onclick被上层div/img等挡住,只需给上层div/img添加css属性pointer-events:none;即可

  8. js父元素获取子元素img_css,前端_父标签div中包含一个子元素img标签,子元素div标签,为什么img要加上浮动,子元素div才会处于正常位置?,css,前端 - phpStudy...

    父标签div中包含一个子元素img标签,子元素div标签,为什么img要加上浮动,子元素div才会处于正常位置? dom结构 如图img加上float 子元素div显示正常. 不加float div显 ...

  9. 一个元素位于另一个元素之上,点击上面的元素引发下面元素事件操作

    一个元素位于另一个元素之上,点击上面的元素引发下面元素事件操作 <body><!-- 此布局为: 上面内容盒子覆盖在了上传文本区域之上--><!-- 想要点击'上面盒子内 ...

最新文章

  1. R语言使用caret包构建GBM模型:在模型最优参数已知的情况下,拟合整个训练集,而无需进行任何重采样或参数调优
  2. 计算机处理文献信息 需要,科学素养与科研方法 考试85.doc
  3. 坡道行驶电动小车制作分享【2020年大学生电子设计竞赛C题】
  4. WPF实现Android菜单动画
  5. python导出dxf图_在PDMS中使用python直接生成管口方位图(开源分享第三集)
  6. jq 下拉加载每次只执行一次_记一次 无限列表 滚动优化
  7. CCNA初认识——OSPF(开放式最短路径优先协议)配置命令
  8. java 简单的webshell_Java Web使用JSPX白名单绕过上传WebShell | kTWO-个人博客
  9. python 邮件中生成图表_60秒一口Python:147个demo,助你从新手小白步步进阶编程高手...
  10. 本地像服务器传文件,本地向服务器传送文件
  11. 计算机主板电流图形,终于找到电脑主板供电电路介绍
  12. 内存条带宽的换算方法以及DDR4内存理论带宽
  13. 网页设计 颜色搭配
  14. office文档在线浏览:关于 Office Online 使用方法
  15. 极路由通过SSH添加静态路由表之后无法跳转的问题
  16. 读《深入浅出Nodejs-朴灵》笔记
  17. 逆向初学者做题记录3.28
  18. linux的qt下wsadata,Qtcpserver仅在调试器下返回listen函数的未知错误
  19. 黑白棋,又叫翻转棋(Reversi)、苹果棋或奥赛罗棋(Othello)。棋盘共有8行8列共64格。开局时,棋盘正中央的4格先置放黑白相隔的4枚棋子。双方轮流落子,只要落子和棋盘上任一枚己方的棋子
  20. linux trac git,Trac+git 来管理wiki和source code

热门文章

  1. Exception: D:\Unity\Editor\Data\il2cpp/build/il2cpp.exe did not run properly!
  2. 银行术语之“表内”“表外”
  3. 人类高质量 Java 学习路线【一条龙版】
  4. 在Win10的Linux子系统Ubuntu中使用Qt
  5. Android Service完全解析,关于服务你所需知道的一切(上)
  6. Win11系统.NET Framework 3.5怎么启用?
  7. v-for里面再嵌套一个v-for的写法
  8. S3C2410 UART驱动
  9. 游戏引擎与游戏引擎开发入门
  10. Vue模仿todo超详细讲解(附源码)