18

サイトで言語変換ツールとして Google 翻訳を使用しましたが、「元のテキスト」と呼ばれる煩わしいツール ヒントが表示されます。これと、これを行うための他のより良いアイデア/ツール/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>
4

5 に答える 5

42

この 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-16T08:07:27.860 に答える
8

ウェブサイト上の Google 翻訳者の表示を「上書き」するためにできることがいくつかあります。

休閑地を利用してきました

提案ボックスを非表示にするには (!important の部分は本当に重要です:))

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

Powered by を非表示にするには

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

他にもいくつかありますが、上記が正しい道にあなたを導くと思います;）

よろしくお願いします。

于 2013-05-22T09:01:00.730 に答える
1

私の方法の方が良いと思います^^

    $(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-07T13:30:29.760 に答える
1 
#google_translate_element {
  display:none;
}

CSS display:none が機能する可能性があります。

于 2010-07-13T21:01:26.390 に答える
0

「ツールチップ」を実行するために使用するiframeのCSSで非表示にできるようです。

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

彼らがサービスを更新し、名前/構造を変更するにつれて、それは移動するターゲットになるかもしれませんが、現在進行中の私のサイトで動作します.

更新: このメソッドでマウスオーバー/ホバーの背景色効果が残っているように見えますが、JavaScript で実現されているようです (簡単にオーバーライドできるクラス トグルではなく、要素自体にスタイル属性として追加されています)。 ）。Google の翻訳 JavaScript に結び付けて多くのことを行うことは、非常に困難であることが証明されています。とにかく、iframe を取り除くことが最も重要な部分でした。

于 2011-06-09T18:34:49.367 に答える