阻止谷歌翻译

Question

我加了谷歌翻译小工具到一个站点（使用这里提供的代码：http://translate.google.com/translate_tools），并具有下列问题：

它会自动添加一个样式属性的其值包括：

height: 100% 

这是“破坏”页面布局。例如，位于“底部”的CSS背景图像现在（错误地）位于视图端口的底部。

有什么办法可以预防或解决这个问题吗？

Answer 1

我可以通过在css中设置主体min-height属性来解决这个问题！重要的是为了防止覆盖。

body { 
min-height: 0 !important; 
} 

UPDATE - 不幸的是，这不再有效。谷歌翻译脚本将删除您为了对付最小高度风格所做的任何尝试。我在样式表中同时具有上面的CSS，并且在body标签上有内联样式。

谷歌翻译脚本是非常积极的，我没有看到任何方式来禁用此。

Answer 2

也许它就像

体{身高：汽车重要; }

Answer 3

不要在头部写入css，写入一个css文件。这将阻止谷歌自动翻译。

Answer 4

我尝试使用其他答案提供的解决方案，但它们不适合我。如果其他人有这个问题，我确实已经成功与this solution。

body { position:static !important; min-height:100%; top:0; } 

Answer 5

我找到了一种方法来解决这个问题，这不是防弹我猜，但工程现在：

插件：http://darcyclarke.me/dev/watch/

与此代码:)

$(window).load(function(){ 
     $('body').watch('min-height', function(){ 
      var style = parseInt($('body').css('min-height')); 
      if(style > 0){ 
       $('body').css({ 
       'min-height' : '0', 
       'position' : 'static', 
       'top' : 'none' 
       }); 
      } 
     }); 
}); 

Answer 6

我可以看到与之对抗的唯一方法是在代码上放置500ms超时以重置主体最小高度属性。如果你不打扰你的页面在加载时跳了半秒钟，它就可以工作。使用jQuery，它看起来像这样：

$(function(){ 
    var myMinHeight = 950; 
    setTimeout(function(){$('body').css('min-height',myMinHeight)},500); 
}); 

将myMinHeight的值设置为您希望它的值。

Answer 7

这样可以解决问题：

/* Google Translate Overrides */ 
html, body{ 
    min-height: 0!important; 
    height: auto!important; 
    position: inherit!important; 
} 

Answer 8

这应该工作：

html { 
 
    height: auto !important; 
 
} 
 

 
body { 
 
    position: initial !important; 
 
    min-height: initial !important; 
 
    top: auto !important; 
 
}