Question

我在我的网站上使用谷歌翻译。我想隐藏谷歌翻译的顶栏让我知道我怎么能隐藏那个？

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

由于

Answer 1

通过CSS完成：

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

Answer 2

雅各布答案的一些变化。试着写，

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

这将解决问题。

Answer 3

通过在您的身体onload事件上添加javascript来隐藏

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

Answer 4

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

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

Answer 5

如果有人想要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'。

注意：请参阅Google https://cloud.google.com/translate/attribution

的归因要求

Answer 6

使用KDawg中的一些代码，添加margin-top和absolute locate，我发现CSS中的这个添加只是用于定位隐藏翻译横幅的解决方案，直到选择语言之后才会出现。

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

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

Answer 7

我们可以使用CSS来实现它，只需在style标签中的CSS代码下面放上即可。就是这样..

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

谷歌翻译顶部酒吧隐藏

7 个答案: