阻止谷歌翻譯

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; 
 
}