翻訳するこのポップアップは内容をカバーします

Question

私はTranslate Thisサービスを私のサイトの翻訳に使用しています。すべてがうまくいくのですが、一つのことです。あなたがサイトを翻訳すると、バーが下に降ります。

Page Finished Translating。
に翻訳されましたTranslateThisボタン|変換を元に戻す>

これも問題ありませんが、問題はバーが自分のサイトのコンテンツをカバーしていることです。コンテンツを隠すのではなく、そのコンテンツをプッシュダウンする何らかの形でスクリプトを変更する方法はありますか？私はこれを翻訳の設定で行う方法は見当たりませんが、誰かがそれをハードコーディングする方法を理解する手助けをしてくれるかどうか疑問に思っていました。私はこれを自分で行うためにjavascriptについて十分に知りません。

ありがとうございました！

Hereは、内容が覆い隠されていることを示す短いビデオです。誰が提供できる任意の助け

<!-- Begin TranslateThis Button --> 
<div id="translate-this"><a href="http://translateth.is/" 
class="translate-this-button">Translate</a></div> 
<script type="text/javascript" src="http://www.google.com/jsapi"></script> 
<script type="text/javascript" src="http://x.translateth.is/translate-this.js"> 
</script> 
<script type="text/javascript"> 
TranslateThis({ 
    GA : true, 
    doneText : 'Page Finished Translating. Translated by the', 
    undoText : 'Undo Translation »', 
    undoLength : 15000, 
    fromLang : 'en', 
    ddLangs : [ 
'es', 
'fr', 
'en', 
'ar', 
'zh-CN', 
'ko', 
'it', 
'cs', 
'iw', 
'de', 
'pt-PT', 
'ru', 
'ja', 
'vi', 
'el', 
'hi', 
'nl', 
'tr' 
    ], 
    btnImg : '/images/skin/translate-button.png', 
    btnWidth : 120, 
    btnHeight : 18, 
}); 
</script> 
<!-- End TranslateThis Button --> 

ありがとう：ここ

は、自分のサイト上で使用されるこのコードを翻訳です！

Answer 1

ポップアップは、クラスttb-undoの動的に作成されたdivです。これは、TranslateThisスクリプトに含まれているCSSファイルによって完全に配置されます。最も簡単な解決策は、単に完全にバーを非表示にすることです：

.ttb-undo { 
    display: none; 
} 

ます。また、CSSシートにその位置とトップの値を変更してみてください可能性がありますが、それはプログラムで縮小していますから、私はあなたをジッタの種類かもしれわからないんだけど取得する。私が手動でtop: 0ルールを削除し、Firebugにbottom: 0を追加したとき、それは収縮していたものが踊った。