7

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

请在此处查看我的网站链接http://www.rewords.com并让我知道我要隐藏那个栏？

谢谢

4

7 回答 7

22

通过 CSS 完成：

.goog-te-banner-frame.skiptranslate {display: none !important;} 
body { top: 0px !important; }
于 2011-12-13T19:28:53.627 回答
11

雅各布的回答有些变化。试着写，

<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>

这将解决问题。

于 2012-10-01T15:57:36.363 回答
0

通过在您的正文 onload 事件上添加 javascript 来隐藏

document.getElementsByTagName("frameset")[0].rows="0,*;
于 2011-03-04T17:23:49.473 回答
0

我们可以使用 CSS 来实现它，只需将 CSS 代码放在 style 标签中即可。而已..！

.goog-te-banner-frame.skiptranslate {
        display: none !important;
    } 
    body {
        top: 0px !important; 
    }
于 2019-10-23T11:04:41.857 回答
0

如果有人想要 javascript 来完成这项工作，请在您的document.ready中添加以下代码段

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'。

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

于 2017-02-21T13:26:19.057 回答
0

身体元素将落入流动 - 与静态。然后就可以正常使用none的显示了。

  body {top: 0px !important; position: static !important; }
    .goog-te-banner-frame {display:none !important}
于 2015-09-02T19:52:36.073 回答
0

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

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

} iframe.goog-te-banner-frame {
    position:absolute;
    margin-top:30px;
于 2017-04-17T16:16:01.223 回答