2

我的页面中嵌入了一个 TinyMCE 编辑器。编辑器的全屏选项占据整个屏幕，工作正常。我还有一个按钮，它使用 Twitter 引导程序弹出一个模式窗口，它在正常视图中工作正常。但是当 tinymce 编辑器处于全屏模式时，模态窗口正在初始化但不可见。

当我退出全屏窗口时，会出现模式窗口。所以它得到显示，但它在后台。即使在全屏模式下，我如何让它出现？

tinymce.init({
                            mode: "exact",
                            elements: "tinymce",
                            theme: "advanced",
                            plugins: 'ice,icesearchreplace,fullscreen',
                            theme_advanced_buttons1: "ec_error,fullscreen,strikethrough,|,bold,italic,underline,|,undo,redo,|,search,replace,|,ice_togglechanges,ice_toggleshowchanges,iceacceptall,icerejectall,iceaccept,icereject",
                            theme_advanced_buttons2: "",
                            theme_advanced_buttons3: "",
                            theme_advanced_buttons4: "",
                            theme_advanced_toolbar_location: "top",
                            theme_advanced_toolbar_align: "left",
                            fullscreen_new_window : false,
                            extended_valid_elements: "p,span[*],delete[*],insert[*]",
                            ice: {
                                user: { name: 'Email Coach', id: 11},
                                preserveOnPaste: 'p,a[href],i,em,b,span'
                            },
                            height: '500',
                            width:'100%'
                        });
4

1 回答 1

4

TinyMCE#mce_fullscreen_container是z-index: 20000;
Bootstrap 的.modal，z-index: 1050;并且.modal-backdrop（背景褪色）是z-index: 1040;

因此，将z-index您的模态窗口提高到 20000 以上

.modal {
    z-index: 30050;
}
.modal-backdrop {
    z-index: 30040;
}
于 2012-09-01T12:13:08.517 回答