Jquery 如何在tinyMCE工具栏上设置z索引？

我正在使用tinyMCE编辑器插件。它将文本区域转换为iFrame，并在文本内容的顶部显示一个工具栏。它工作得很好

有时在内容上方会有一些视频。因此，当我单击textarea时，工具栏会出现，但内容上方的视频播放器会将其隐藏在后面

有没有办法更改工具栏的z索引？（更可取） 或者我应该更改工具栏的位置吗？

这是我的密码：

tinyMCE.init({
        mode : "textareas",
        editor_selector : "combo123",
        theme : "advanced",
        plugins : "save, paste, autoresize, asciimath, asciisvg",
        theme_advanced_styles: "Foo=foo, Bar=bar",
        content_css : "/css/tiny_mce.css"
  });

---

tinyMCE在textarea上进行转置，因此将textarea放入一个容器中，并在容器上设置z索引

<div style="z-index: 10;"><textarea></textarea></div>

---

如果视频播放器是基于Flash的，这将无济于事

此页面声称将“不透明”添加到播放器的“wmdode”参数是一种解决方案，但我尚未测试：

---

注意，您添加了两个内容\u css，应该只有一个内容\u css

事实上，内容\u css应该有你的站点.css添加目的，因此对于文本区域，你可以在css中进行限制，并可以设置宽度和高度

tinyMCE.init({
        mode : "textareas",
        editor_selector : "combo123",
        theme : "advanced",
        plugins : "save, paste, autoresize, asciimath, asciisvg",

        theme_advanced_styles: "Foo=foo, Bar=bar",

        content_css : "/css/yoursite.css"
  });

---

您也可以在初始化之后使用setup参数设置z索引

setup : function(ed) {
    ed.onInit.add(function(ed){
        $('tr.mceFirst').css('z-index','1');
    });
}),

我用这个解决了

$(document).on('focusin', function (e) {
   if ($(e.target).closest(".mce-window").length) 
      e.stopImmediatePropagation();
});

---

tinymce.ui.FloatPanel.zIndex=99
增加tinymce的z-index，这样它就不会被另一个div覆盖

<style>
    .tox-tinymce-aux{z-index:99999999999 !important;}
</style>


.tox tinymce aux{z-index:999999999！重要；}
除非将wmode设置为透明。是。它使用
$（“.mceexternaltolbar”）.css（'z-index'，'1000'）为我工作简要解释您提供的答案。确切地说，我正在寻找的是，从我的CSS文件修改z索引