2014-09-19 59 views
0

我目前使用谷歌翻译插上我的网站如何禁用谷歌翻译插件并设置边距:0px为正文元素?

我alaready

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

CSS属性禁用谷歌在上面翻译吧。

但谷歌翻译已成立的margin-top:40PX身体HTML塔格如下代码

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

所以,我的网站有上边距,使我的网站错了我的默认布局的40像素。

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

请帮

回答

3

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

+0

感谢有人做过,我可以使用图标和其他自定义布局 – hengsopheak 2014-09-19 08:44:43

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-b'的iframe anner-frame skiptranslate'并在html正文的顶部添加40px页边距。所以我们隐藏这个框架并且设置body margin为'0px'。

注意:由谷歌,请参阅归属需求现在https://cloud.google.com/translate/attribution