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

问题描述 投票:0回答:1

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

如您所见,它具有导航菜单:

Navigation bar

在底部有一个语言栏:

Language bar

创建/编辑bbPress论坛主题时显示我的TinyMCE工具栏,并且它具有全屏切换:

Full Screen toggle

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

Full screen mode

如何阻止这种情况发生?

wordpress tinymce fullscreen
1个回答
1
投票

gTranslate包装器的z-index9999999很难被击败。

enter image description here

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

更新

新澄清:

  • MCE编辑器的默认z-index100010
  • MCE编辑器弹出窗口z-index(如插入图像)是100100

因此gTranslate包装器必须低于100010。另外,main-navigation ul索引也太高。

以下内容已添加到网站的附加CSS部分中,从而解决了这些问题:

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

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

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

© www.soinside.com 2019 - 2024. All rights reserved.