如何禁用谷歌翻譯原文工具提示

我已經使用谷歌翻譯作爲語言轉換器在我的網站，但它顯示惱人的工具提示稱爲'原始文本'。我該如何禁用此功能以及其他更好的創意/工具/ API才能做到這一點？如何禁用谷歌翻譯原文工具提示

謝謝。使用的代碼...

<div id="google_translate_element"></div><script> 
function googleTranslateElementInit() { 
    new google.translate.TranslateElement({ 
    pageLanguage: 'en' 
    }, 'google_translate_element'); 
} 
</script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

來源

2010-07-13 Maju

-1

#google_translate_element { 
    display:none; 
}

CSS顯示：無可能的工作。

來源

2010-07-13 21:01:26

這是爲了隱藏Google注入頁面的UI。如果有人想避免注入的UI（而是依賴於自定義或橫幅iframe），只需在調用其腳本之前嵌入div即可。 – patridge 2011-06-09 18:33:41

看起來你可以在iframe上用一些CSS來隱藏它們，用來做「工具提示」。

.goog-te-balloon-frame { display: none; }

這可能是一個移動的目標，因爲他們更新服務並更改名稱/結構，但它現在工作在我的一個在建的網站。

更新：我已經注意到這個方法似乎徘徊在一個鼠標懸停/懸停的背景顏色效果，但它似乎是用JavaScript完成的（作爲樣式屬性添加到元素本身而不是類切換到你可以輕鬆覆蓋它）。與谷歌的翻譯JavaScript結合起來，做任何事情都很困難。無論如何，擺脫iframe是最重要的部分。

來源

2011-06-09 18:34:49 patridge

就在這個CSS添加到您的CSS文件的頂部：

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

我浪費8小時搞清楚了這一點，但現在那些3行CSS後，它看起來很棒:-)你可以看到這這裏的行動：SEOgenie - Automated SEO

來源

2011-12-16 08:07:27 OBender

它的工作，非常感謝。 – 2014-04-30 12:37:33

我覺得我的方法比較好^^

$(document).ready(function() 
    {  
     translationTooltipsDisable(); 
    }); 


    function translationTooltipsDisable() 
    {  
     //Override google's functions 
     _tipon = function() { /*Don't display the tooltip*/ }; 
     _tipoff = function() { /*Don't hide the tooltip*/ }; 
    }

來源

2012-02-07 13:30:29

不起作用，或不好解釋如何處理這個。 – 2012-12-27 23:20:19

有一些事情你可以做您的網站上，以「覆蓋」谷歌翻譯的顯示。

我一直在使用休耕

要隱藏意見箱（的！重要組成部分，是非常重要的:)）

#goog-gt-tt, .goog-te-balloon-frame{display: none !important;} 
.goog-text-highlight { background: none !important; box-shadow: none !important;}

要隱藏搭載

.goog-logo-link{display: none !important;} 
.goog-te-gadget{height: 28px !important; overflow: hidden;}

要刪除頂部框架

body{ top: 0 !important;} 
.goog-te-banner-frame{display: none !important;}

Thera還有一些，但我想上面會讓你走向正確的道路;）

對所有人的問候。

來源

2013-05-22 09:01:00

如何禁用谷歌翻譯原文工具提示

回答

相關問題