开发者社区> 问答> 正文

element-ui的MessageBox在元素全屏情况下的显示问题怎么解决?

已解决

在网页通过f11全屏,MessageBox组件能正常显示。 但如果是调用js进入的全屏(requestFullscreen),则会发生MessageBox组件不显示(被遮挡,设置z-index无效)问题。

除了MessageBox组件外,其它一些弹窗组件也会受到影响。是怎么解决的?

展开
收起
1780169608831412 2021-10-18 19:55:07 2035 0
1 条回答
写回答
取消 提交回答
  • 网络规划设计师、敏捷专家、CISP、ITSS服务经理、ACA全科目、ACP4项、ACE、CBP、CDSP、CZTP等。拥有 PRINCE2 Foundation/Practitioner、CCSK、ITIL、ISO27001、PMP等多项国际认证。 专利5+、期刊10+、知识产权师。核心期刊审稿人。
    采纳回答

    您好, 有可能是你指定了特定 DOM 元素去 requestFullscreen 的,而不是把整个 Body 都全屏了。这种方式的话屏幕上就只剩下你指定的元素了,而有一些组件(常见于带弹出层的)是默认追加到 Body 结尾的,不会被包含在你指定的那个元素里,所以就会不显示了。解决方案的话要么你别指定特定元素了,就把 Body 整个都全屏吧。要么的话看一下组件本身提供没提供像 Dialog 这种可以指定 DOM 插入位置的属性,没提供的话你就只能自己封装个组件了。

    2021-10-18 19:55:55
    赞同 1 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
使用TensorFlow搭建智能开发系统自劢生成App UI代码 立即下载
Fusion Design - 企业级UI解决方案揭秘 立即下载
使用TensorFlow搭建智能开发系统自动生成App UI 立即下载