在el-dialog中使用tinymce 点击工具栏下拉框被遮挡

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

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

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

这样就可以了:

相关推荐
夏鹏今天学习了吗1 小时前
【性能优化】前端高性能优化策略
前端·性能优化
weixin_427771614 小时前
css font-size 的妙用
前端·css
凤凰战士芭比Q5 小时前
web中间件——Nginx
前端·nginx·中间件
一 乐5 小时前
点餐|智能点餐系统|基于java+ Springboot的动端的点餐系统小程序(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·小程序·论文
bitbitDown6 小时前
从零打造一个 Vite 脚手架工具:比你想象的简单多了
前端·javascript·面试
liangshanbo12156 小时前
CSS 数学函数完全指南:从基础计算到高级动画
前端·css
码上成长8 小时前
GraphQL:让前端自己决定要什么数据
前端·后端·graphql
冴羽8 小时前
为什么在 JavaScript 中 NaN !== NaN?背后藏着 40 年的技术故事
前端·javascript·node.js
久爱@勿忘8 小时前
vue下载项目内静态文件
前端·javascript·vue.js
前端炒粉8 小时前
21.搜索二维矩阵 II
前端·javascript·算法·矩阵