Javascript 如何使用HTML CSS禁用弹出式谷歌翻译

我使用谷歌小部件在我的网站上进行翻译。但当我点击翻译时，它会在我的页面顶部弹出，并在向下滚动时阻止我的菜单导航

我尝试了一些css、html和javascript，但无法修复 如何在我的菜单导航点击时隐藏谷歌翻译弹出窗口

CSS:

HTML和JavaScript：

<div class="google_translate_element" id="google_translate_element"></div><div 
id="goog-gt-tt" 
class="goog-tooltip skiptranslate"  ></div><script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'id', includedLanguages: 'af,ar,de,en,eo,es,et,fa,fr,id,it,ja,jv,ka,kn,la,mn,ms,ne,nl,pa,ru,so,sr,su,ta,th,tl,tr,uk,vi,zh-CN,zh-TW', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

函数googleTranslateElementInit（）{
新的google.translate.TranslateElement（{pageLanguage:'id'，包括语言：'af、ar、de、en、eo、es、et、fa、fr、id、it、ja、jv、ka、kn、la、mn、ms、ne、nl、pa、ru、so、sr、su、ta、th、tl、tr、uk、vi、zh CN、zh TW'，布局：google.TranslateElement.InlineLayout.SIMPLE，自动显示：false}，'google_translateïï元素'）；
}

---

谢谢你的回答

最后我通过查看Inspect元素找到了它。把这些都藏起来

#google_translate_element{width:300px;float:right;text-align:right;display:block}
.goog-te-banner-frame.skiptranslate { display: none !important;} 
body { top: 0px !important; }
#goog-gt-tt{display: none !important; top: 0px !important; } 
.goog-tooltip skiptranslate{display: none !important; top: 0px !important; } 
.activity-root { display: hide !important;} 
.status-message { display: hide !important;}
.started-activity-container { display: hide !important;}

---

使用以下URL，从要翻译的网站更改

-

的

，并使用所需的语言代码（例如：英语为

en

）：

https://

url\u此处

。translate.goog/？\u x\u tr\u sl=

从\u lang

和\u x\u tr\u tl=

到\u lang

例如，如果您想将网站

stackoverflow.com

从英语翻译成加泰罗尼亚语，您可以使用以下URL：

---

你能试着加上#goog gt tt{dispaly:无！重要；可见性：隐藏！重要；}@Nick谢谢，但它做到了fix@Nick_O谢谢我注意到弹出窗口的ID已更改为#gtx trans

#google_translate_element{width:300px;float:right;text-align:right;display:block}
.goog-te-banner-frame.skiptranslate { display: none !important;} 
body { top: 0px !important; }
#goog-gt-tt{display: none !important; top: 0px !important; } 
.goog-tooltip skiptranslate{display: none !important; top: 0px !important; } 
.activity-root { display: hide !important;} 
.status-message { display: hide !important;}
.started-activity-container { display: hide !important;}