layer弹出层如何在视频全屏显示？

Posted 2023-04-25

视频全屏后，layer的弹窗被遮挡了，请问大佬如何解决

参考技术A 被遮挡就是显示层级的问题，z-index属性可以控制

layer弹出层显示在top顶层

父页面 导入 layer.js 或者 layui.all.js，导入后就能正常显示在父窗口页面区域。

1.显示在顶层窗口

top.layer.open({
	type: 2,
	area: [‘98%‘, ‘95%‘],
	title:‘人工客服‘,
	content: url,
	btn:[‘关闭‘]
});

2.显示在父窗口

parent.layer.open({
	type: 2,
	area: [‘98%‘, ‘95%‘],
	title:‘人工客服‘,
	content: url,
	btn:[‘关闭‘]
});

top和parent是浏览器的内置对象，top表示最顶层容器,parent表示父容器，这样一来就是实现了iframe控制父页面或者顶层页面的弹窗效果了。　　

 

引用：https://blog.csdn.net/yjb7268888/article/details/53390466