谷歌翻译顶栏隐藏答案

【问题标题】：Google translator top bar hide谷歌翻译顶栏隐藏
【发布时间】：2020-06-06 19:49:35
【问题描述】：

我正在为我的网站使用谷歌翻译。我想隐藏谷歌翻译器的顶部栏让我知道如何隐藏那个？

请在此处查看我的站点链接http://www.rewords.com 并告诉我要隐藏该栏吗？

谢谢

【问题讨论】：

【解决方案1】：

通过 CSS 完成：

.goog-te-banner-frame.skiptranslate {display: none !important;} 
body { top: 0px !important; }

【讨论】：

因为这确实有效，我正在使用opencart，它为页面提供了这种跳跃效果......因此，当翻译器正在加载时，虽然css 在<head> 中，但页面向下移动然后备份，关于如何防止这种情况的任何想法？

【解决方案2】：

Jacob 的回答发生了一些变化。试着写，

<style type="text/css">iframe.goog-te-banner-frame{ display: none !important;}</style>
<style type="text/css">body {position: static !important; top:0px !important;}</style>

这将解决问题。

【讨论】：

【解决方案3】：

通过在你的 body onload 事件上添加一个 javascript 来隐藏

document.getElementsByTagName("frameset")[0].rows="0,*;

【讨论】：

抱歉 sushanth 我没明白你的意思？你有没有检查过我的网址，谷歌栏是在语言翻译后出现的。请你能给我正确的语法吗？请

【解决方案4】：

body 元素将落入流中 - 带有静态。然后就可以正常使用none的显示了。

  body {top: 0px !important; position: static !important; }
    .goog-te-banner-frame {display:none !important}

【讨论】：

请花一点时间描述一下你的代码做了什么以及它是如何解决作者的问题的。

【解决方案5】：

如果有人想让 javascript 完成这项工作，请在您的 document.ready

中添加下面的 sn-p

if(document.getElementsByClassName('goog-te-banner-frame skiptranslate')[0] !== undefined) {
  document.getElementsByClassName('goog-te-banner-frame skiptranslate')[0].style.display  = 'none';
  document.body.style.top = '0px';
}

工作原理： Google 将工具栏加载到具有“goog-te-banner-frame skiptranslate”类的 iframe 中，并在 html 正文顶部添加 40px 边距。所以我们隐藏那个框架并将正文边距设置为'0px'。

注意：参考googlehttps://cloud.google.com/translate/attribution的归属要求

【讨论】：

【解决方案6】：

使用 KDawg 中的一些代码，添加顶部边距和绝对定位，我发现 CSS 中的这个添加是仅用于定位隐藏翻译横幅的解决方案，直到选择语言后才会出现。

此解决方案不影响翻译按钮或语言选择器的定位，它保留在固定标题上。

} iframe.goog-te-banner-frame {
    position:absolute;
    margin-top:30px;

【讨论】：

【解决方案7】：

我们可以使用 CSS 来实现它，只需将 CSS 代码放在 style 标记中即可。就是这样..！

.goog-te-banner-frame.skiptranslate {
        display: none !important;
    } 
    body {
        top: 0px !important; 
    }

【讨论】：

欢迎来到 Stack Overflow。请提供一些文字来支持您添加的代码。