在el-dialog中使用tinymce控件时,会出现点击工具栏下拉框出现在弹窗下一层,审查元素之后发现是tinymce的下拉框z-index优先级低于el-dialog的z-index导致的,所以需要增加tinymce的下拉框的z-index值。
通过审查元素得到,需要修改tox-tinymce-aux元素的优先级:
<style lang="scss">
.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 中不显示下拉框的问题。