翻译此弹出窗口涵盖内容

Question

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

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

这也很好，但问题是该栏掩盖了我网站上的内容。有没有办法以某种形式更改脚本，将内容向下推送而不是覆盖它？我在 translate this 的设置中看不到这样做的方法，但我想知道是否有人可以帮助我弄清楚如何在其中进行硬编码。我自己对 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

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

.ttb-undo {
   display: none;
}

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