翻译此弹出窗口涵盖内容

Question

我正在使用翻译此服务在我的网站上进行翻译。一切都很好，但有一件事。当您翻译该网站时，会出现一个下拉栏，上面写着

页面已完成翻译。翻译者：
翻译此按钮 |撤消翻译>

这也很好，但问题是该栏掩盖了我网站上的内容。有没有办法以某种形式更改脚本，将内容推下而不是覆盖？我在翻译设置中看不到一种方法来做到这一点，但我想知道是否有人可以帮助我弄清楚如何在那里进行硬编码。我对 javascript 的了解不够，无法自己完成此操作。

感谢您的任何帮助！

这里是一个简短的视频，用于展示我所说的内容被掩盖的含义。

这是我的网站上使用的翻译此代码：

<!-- 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

弹出窗口是一个动态创建的 div，带有 ttb-undo 类。它由 TranslateThis 脚本包含的 CSS 文件绝对定位。最简单的解决方案是完全隐藏该栏：

.ttb-undo {
   display: none;
}

您还可以尝试更改其在 CSS 表中的位置和顶部值，但由于它以编程方式缩小，我不确定您可能会遇到什么样的抖动。当我在 Firebug 中手动删除 top: 0 规则并添加 bottom: 0 时，那东西随着缩小而跳舞。