我目前正在为我的网站使用谷歌翻译插件
我有一个现成的
.goog-te-banner-frame{
visibility:hidden !important;
CSS属性禁用顶部的谷歌翻译栏。
但谷歌翻译器已经设置了页边空白：40像素到正文html页面，如下代码
<body style="margin: 0px; padding: 0px; position: relative; min-height: 100%; top: 40px;">
所以我的网站有40px的上边距，这使我的网站与我的默认布局错误。
请告诉我如何设置CSS或Javascript来将我的上边距修改为0px；
请帮助
尝试body{top:0 !important;}在您的css 中
如果有人想用javascript实现，请将此代码段添加到文档中。ready
var toolBar = document.getElementsByClassName('goog-te-banner-frame skiptranslate')[0];
if(toolBar !== undefined) {
toolBar.style.display = 'none';
document.body.style.top = '0px';
}
工作原理：谷歌将工具栏加载到一个类名为"goog-te banner frame skiptranslate"的iframe中，并在html主体顶部添加40px的边距。因此，我们隐藏该框架并将正文边距设置为"0px"。
注意：请参阅谷歌的归因要求https://cloud.google.com/translate/attribution
试试这个
.goog-te-banner-frame,
.goog-te-banner-frame.skiptranslate,
.goog-te-gadget-icon {
display: none !important;
}
.skiptranslate {
display: none !important;
}
.goog-logo-link {
display: none !important;
}
.goog-te-gadget {
color: transparent !important;
}
.goog-tooltip {
display: none !important;
}
.goog-tooltip:hover {
display: none !important;
}
.goog-text-highlight {
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
}
.translated-ltr{margin-top: 0 !important;}