如何调整CKEditor4 video插件弹窗z-index使自定义bs-modal显示在顶层

• 方案1：全局修改CKEditor弹窗层级（影响所有CKEditor弹窗）
  在你的项目全局CSS文件中添加如下样式，强制调低CKEditor所有弹窗的默认z-index，数值低于你自定义弹窗的999999即可：

.cke_dialog {
  z-index: 900000 !important;
}

• 方案2：仅修改video插件专属弹窗层级（不影响其他CKEditor功能弹窗）
  使用更精准的类选择器定位video插件的弹窗，单独调整它的层级：

.cke_dialog.cke_dialog_video {
  z-index: 900000 !important;
}

• 方案3：动态修改层级（适合临时场景）
  直接在你新增按钮的点击事件中，触发自定义弹窗前先调整video插件弹窗的层级，代码如下：

onClick: function() {
  $('.cke_dialog.cke_dialog_video').css('z-index', 900000);
  $('.bs-example-modal-lg').modal('show');
}

如果以上方案均不生效，可排查自定义弹窗.bs-example-modal-lg的父元素是否设置了非static的position、transform、opacity等会触发新堆叠上下文的属性，此类属性会限制子元素的z-index生效范围，可将自定义弹窗的DOM节点移动到body标签的直接子节点位置即可解决。

内容的提问来源于stack exchange，提问作者lingo.lin