1

我目前正在为我的网站使用谷歌翻译插件

我已经

    .goog-te-banner-frame{
    visibility:hidden !important;

用于禁用顶部的 Google 翻译栏的 CSS 属性。

但谷歌翻译已将 margin-top:40px 设置为 body html 标记，如下代码

  <body style="margin: 0px; padding: 0px; position: relative; min-height: 100%; top: 40px;">

所以我的网站有 40px 的上边距，这使我的网站与我的默认布局不符。

请问如何设置 CSS 或 Javascript 以将我的上边距修改为 0px；

请帮忙

4

2 回答 2

3

试试 body{top:0 !important;} 你的CSS

于 2014-09-19T07:53:07.680 回答
0

如果有人想通过 javascript 来做，请将此代码段添加到document.ready

var toolBar = document.getElementsByClassName('goog-te-banner-frame skiptranslate')[0];
if(toolBar !== undefined) {
    toolBar.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:38:52.147 回答