添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

在el-dialog中使用tinymce控件时,会出现点击工具栏下拉框出现在弹窗下一层,审查元素之后发现是tinymce的下拉框z-index优先级低于el-dialog的z-index导致的,所以需要增加tinymce的下拉框的z-index值。

通过审查元素得到,需要修改tox-tinymce-aux元素的优先级:

<style lang="scss">
/* 在el-dialog中使用tinymce  z-index被遮挡 */
.tox-tinymce-aux {
  z-index: 9999 !important;
</style>

这样就可以了:
在这里插入图片描述

在el-dialog中使用tinymce控件时,会出现点击工具栏下拉框出现在弹窗下一层,审查元素之后发现是tinymce的下拉框z-index优先级低于el-dialog的z-index导致的,所以需要增加tinymce的下拉框的z-index值。
在layui的layer弹出窗控件嵌入了TinyMCE富文本编辑器后,点击顶部菜单不显示,可以看到是被layer的弹出层给挡住了,所以应该是layer的z-index属性比菜单层高导致. 经过一番定位,最终找到影响TinyMCE菜单层的z-index属性的类叫.tox-tinymce-aux,把它的z-index属性从默认的1300调整到19891015以上就可以解决问题啦! ps: layer弹出层的默认z-index是19891014,根据官方文档的说明,这是layui作者闲心的生日????
el-select 在 el-dialog 不显示下拉框的原因可能是因为 el-dialog 的 z-index 值较高,导致下拉框遮挡了。解决方法如下: 1. 可以尝试在 el-select 上添加一个较高的 z-index 值,例如: <el-select v-model="selected" :options="options" style="z-index: 9999;"></el-select> 2. 如果上述方法无效,可以尝试在 el-select 所在的父元素(例如 el-dialog设置一个较低的 z-index 值,例如: <el-dialog :style="{ 'z-index': 1000 }"> <el-select v-model="selected" :options="options"></el-select> </el-dialog> 希望以上解决方法能够帮助你解决 el-select 在 el-dialog 不显示下拉框的问题。