私は自分のウェブサイトにグーグル翻訳を使用しています。Google 翻訳のトップ バーを非表示にしたいのですが、非表示にする方法を教えてください。
私のサイト リンクhttp://www.rewords.comを確認して、そのバーを非表示にするように連絡してください。
ありがとう
私は自分のウェブサイトにグーグル翻訳を使用しています。Google 翻訳のトップ バーを非表示にしたいのですが、非表示にする方法を教えてください。
私のサイト リンクhttp://www.rewords.comを確認して、そのバーを非表示にするように連絡してください。
ありがとう
CSS 経由で実行:
.goog-te-banner-frame.skiptranslate {display: none !important;}
body { top: 0px !important; }
ジェイコブの答えのいくつかの変更。書いてみてください、
<style type="text/css">iframe.goog-te-banner-frame{ display: none !important;}</style>
<style type="text/css">body {position: static !important; top:0px !important;}</style>
これで問題は解決します。
body 要素はフローに入ります - 静的です。そうすれば、none の表示を適切に使用できます。
body {top: 0px !important; position: static !important; }
.goog-te-banner-frame {display:none !important}
body onload イベントに JavaScript を追加して非表示にします
document.getElementsByTagName("frameset")[0].rows="0,*;
CSS を使用してそれを実現できます。スタイル タグの下に CSS コードを配置するだけです。それでおしまい..!
.goog-te-banner-frame.skiptranslate {
display: none !important;
}
body {
top: 0px !important;
}
KDawg のコードの一部を使用して、margin-top と絶対配置を追加すると、この CSS への追加が、言語を選択するまで表示されない非表示の翻訳バナーのみを配置するためのソリューションであることがわかりました。
このソリューションは、固定ヘッダーに残る翻訳ボタンや言語セレクターの配置には影響しません。
} iframe.goog-te-banner-frame {
position:absolute;
margin-top:30px;