WordPress 中的 TinyMCE 全屏模式和模糊元素

Question

我的 website 使用 TinyMCE 4 工具栏和 Wordpress 5.2.4。

如您所见，它有一个导航菜单：

底部有一个语言栏：

我的 TinyMCE 工具栏在创建/编辑 bbPress 论坛主题时显示，它有一个全屏切换：

我的问题是，当我进入全屏模式时，主菜单和语言栏仍然可见。至少，菜单不应该显示：

我怎样才能阻止这种情况发生？

Answer 1

gTranslate 包装纸的 z-index 为 9999999，这是很难击败的。

我建议您在 Tiny Mce 包装器 z-index 值下降低此值

更新

新说明：

• MCE 编辑器默认 z-index 是 100010。
• MCE 编辑器弹出 windows z-index（如 插入图像）是 100100。

所以 gTranslate 包装必须低于 100010。另外，main-navigation ul指数也太高了。

以下添加到网站的 Additional CSS 部分解决了问题：

div#gtranslate_wrapper {
    z-index: 100000 !important;
}

.main-navigation ul {
    z-index: 100000 !important;
}

这样，所有元素都被隐藏，但 MCE 编辑器本身使用的弹出窗口 windows 不被隐藏。