在接入第三方厂商的插件时,发现他们使用的是object标签生成的,导致页面渲染时的优先级贼高,且无法被z-index控制。也就是说如果有dialog之类的弹窗需要悬浮在最上层,会被object标签内容遮挡。
解决方案
- 引入iframe(没有成功实现,但是网上主流推荐方案是这个)
- 利用元素显隐控制,Vue中可以用v-show控制弹窗打开时将其关闭的业务逻辑,React中可以设置一个变量去控制,原理相同
在接入第三方厂商的插件时,发现他们使用的是object标签生成的,导致页面渲染时的优先级贼高,且无法被z-index控制。也就是说如果有dialog之类的弹窗需要悬浮在最上层,会被object标签内容遮挡。
解决方案