Question

我在我的网站上使用Translate This服务进行翻译。一切都很好，但有一件事。当您翻译网站时，会显示一个条形下降

页面完成翻译。翻译由 TranslateThis按钮|撤消翻译＆gt;

这也没关系，但问题是该栏覆盖了我网站上的内容。有没有办法以某种形式更改脚本，这将推动内容而不是覆盖它？我没有看到在翻译这个设置中这样做的方法，但我想知道是否有人可以帮我弄清楚如何在那里硬编码。我自己对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。它完全由一个CSS文件定位，该文件包含在TranslateThis脚本中。最简单的解决方案就是完全隐藏吧：

.ttb-undo {
   display: none;
}

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

翻译此弹出窗口涵盖内容

1 个答案: