Question

我目前在我的网站上使用Google Translator插件

我已经

了

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

CSS属性，用于禁用Google翻译栏。

但Google Translator已设置margin-top：40px到body html tage，如下面的代码

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

所以我的网站有40px的上边距，使我的网站错误地使用我的默认布局。

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

请帮忙

Answer 1

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

Answer 2

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

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

的归因要求

如何禁用谷歌翻译插件并设置margin-top：为0px的body元素？

2 个答案: