1

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

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

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

感谢任何人都可以提供的任何帮助！

4

1 回答 1

0

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

.ttb-undo {
   display: none;
}

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

于 2011-08-17T04:15:32.977 回答