13

次のコードがあります。

<div style="" class="skiptranslate">
  <iframe frameborder="0" style="visibility:visible" 
          src="javascript:''" 
          class="goog-te-banner-frame skiptranslate" 
          id=":2.container"></iframe>
</div>

非表示にする必要がありますが、次を使用して goog-te-banner-frame のみを非表示にする場合:

.goog-te-banner-frame {
    display:none !important
    }

それはまだ私のヘッダーをスローします。私がこれを使用する場合：

.skiptranslate {
    display:none !important
    }

また、同じクラスを共有しているため、言語選択ドロップダウンも非表示になります。goog-te-banner-frame を含む skiptranslate div を非表示にしたいと思います。

それ、どうやったら出来るの？

編集:これは、上記の翻訳 div を「作成」する実際のコードです。

<div id="google_translate_element"></div>
<script type="text/javascript">
    function googleTranslateElementInit() {
        new google.translate.TranslateElement({pageLanguage: 'en', 
        layout:     google.translate.TranslateElement.InlineLayout.SIMPLE,
        autoDisplay: false, 
        includedLanguages: ''}, 'google_translate_element');}
</script>
<script type="text/javascript" src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
4

6 に答える 6

45

わかりました、これは何らかの理由で機能します：

.goog-te-banner-frame.skiptranslate {
    display: none !important;
    } 
body {
    top: 0px !important; 
    }
于 2012-06-29T14:33:31.460 に答える
0

これが私にとって最適であることがわかりました。Google翻訳の「元のテキスト」ツールチップをz-index：-1000に送信します。したがって、それはまだページにありますが、見えません。

                            // Force hiding of "original text" popup for menus, etc. (very annoying)
                        jQuery(selector).bind(
                            "mouseenter mouseleave",
                            function (event) {
                                if (event.type === 'mouseenter')    { google_trans_tt.css('z-index', -1000); }
                                else                                { google_trans_tt.css('z-index',  1000); }
                            }
                        );
于 2013-03-12T22:27:28.177 に答える
0

別のクラスを追加してみてください。たとえば.myClass {display: none;}、skiptranslate に追加します。class="skiptranslate myClass"

編集：

別の解決策：Google翻訳コードを別のdivでラップすることもできます。たとえば<div id="google-wrapper">... google translate code...</div>、ラッパーを次のようにスタイルしますdisplay: none;

また

このフィドルを参照してください: http://jsfiddle.net/SryPD/

于 2012-06-28T18:16:37.950 に答える
0

skiptranslategoog-te-banner-frame を保持する div にid を追加してみませんか? <div id="something" class="skiptranslate" style="">その後、スタイルを設定できますdiv#something { display: none !important; }

于 2012-06-28T19:21:37.720 に答える
0

これは私のために働く：

.goog-te-banner-frame.skiptranslate {
    display: none !important;
}
body {
    top: 0px !important;
}
于 2021-11-03T16:03:27.510 に答える