如何在tinyMCE工具栏上设置z-index？

Question

我正在使用tinyMCE编辑器插件。它将 texarea 转换为 iframe，并且工具栏出现在文本内容的顶部。它工作得很好。

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

有什么方法可以改变工具栏的 z-index 吗？（首选）或者我应该更改工具栏的位置？？？

这是我的代码：

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"
  });

Answer 1

增加tinymce的z-index，这样它就不会被另一个div覆盖

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

Answer 2

您还可以在初始化后使用设置参数设置 z-index

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