我目前在我的网站上使用 Google 翻译插件
我已经有了
.goog-te-banner-frame{
visibility:hidden !important;
CSS 属性禁用顶部的 Google 翻译栏。
但是谷歌翻译已经将 margin-top:40px 设置为 body html tage,如下代码
<body style="margin: 0px; padding: 0px; position: relative; min-height: 100%; top: 40px;">
所以我的网站有 40px 的上边距,这使得我的网站与我的默认布局错误。
请问如何设置 CSS 或 Javascript 将我的上边距修改为 0px;
请帮忙
在 CSS 中尝试一下:
body {
top:0 !important;
}
如果有人想通过 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
试试这个
.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;}