css_浮层禁止击穿(防止可点击浮层下面的元素)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css_浮层禁止击穿(防止可点击浮层下面的元素)相关的知识,希望对你有一定的参考价值。

参考技术A 通过div实现了一个浮层,但是发现浮层底下的部分元素是可以透过浮层的

将最上层的DIV的z-index属性设置的大一点,比如z-index:2000;

注意:
1、所有的相关元素都得用DIV并且必须有等位属性:position:relative或者:position:absolute ;
2、将最上层的DIV的z-index属性设置的大一点,比如z-index:2000;
3、其他在下面层的DIV中z-index的属性值都要小于最上层DIV的z-index值;

微信小程序 iPhone6 ,iso10版本 scroll-view浮层 滑动穿透 滑动无效

参考技术A 在开发小程序的过程中遇到了在iPhone6 下 scroll-view 滚动无效的问题

微信社区同样的问题链接
微信官方在 社区每周 | 上周社区问题反馈以及功能优化更新(03.04-03.08) 也说明了正在修复此问题,可是在后面的社区每周中也未有提到过此问题的解决办法

在笔者的借来iPhone6之后经过一上午的摸索实践发现了解决办法

解决办法: scroll-view 元素设置 height:100% ,如果无效请检查父元素是否设置 height ,以此类推。如果笔者的解决办法帮助到您,记得点小心心 ღ( ´・ᴗ・` )比心。

以上是关于css_浮层禁止击穿(防止可点击浮层下面的元素)的主要内容,如果未能解决你的问题,请参考以下文章

在HTML里浮层遮挡之下的video上鼠标事件失效了,怎么解决呢?

Android实现浮层的上下滑动(支持内部加入View)

Selenium-浮层的操作

ios和android适配

Vue自定义指令--实现跟随鼠标浮层

页面弹出全屏浮层或遮罩时,禁止底层body滚动