解决Layui-layer弹出层中嵌入TinyMCE的菜单不显示的问题

layuilayer弹出窗控件中嵌入了TinyMCE富文本编辑器后,点击顶部菜单不显示,可以看到是被layer的弹出层给挡住了,所以应该是layerz-index属性比菜单层高导致.
解决Layui-layer弹出层中嵌入TinyMCE的菜单不显示的问题_第1张图片
经过一番定位,最终找到影响TinyMCE菜单层的z-index属性的类叫.tox-tinymce-aux,把它的z-index属性从默认的1300调整到19891015以上就可以解决问题啦!
解决Layui-layer弹出层中嵌入TinyMCE的菜单不显示的问题_第2张图片

ps: layer弹出层的默认z-index19891014,根据官方文档中的说明,这是layui作者闲心的生日
解决Layui-layer弹出层中嵌入TinyMCE的菜单不显示的问题_第3张图片

你可能感兴趣的:(前端开发)