翻譯此彈出包含內容

我在我的網站上使用Translate This服務進行翻譯。一切都很好，但有一件事。當你翻譯網站時，一個欄落下，說翻譯此彈出包含內容

頁面已完成翻譯。翻譯爲
TranslateThis Button |撤消翻譯>

這也很好，但問題是，酒吧掩蓋了我的網站上的內容。有沒有辦法以某種形式改變腳本，將內容向下推而不是覆蓋它？我沒有辦法在翻譯這個設置中做到這一點，但我想知道如果有人可以幫我弄清楚如何在那裏進行硬編碼。我自己對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 -->

感謝所有幫助任何人都可以提供！

來源

2011-08-17 L84

彈出窗口是一個動態創建的div，類ttb-undo。它由TranslateThis腳本包含的CSS文件絕對定位。最簡單的解決方法就是躲完全欄：

.ttb-undo { 
    display: none; 
}

您也可以嘗試改變一個CSS表的位置和頂部的值，但因爲它的編程縮水，我不知道什麼樣的抖動你可能得到。當我手動刪除top: 0規則並在Firebug中添加了一個bottom: 0時，這件事情隨着它的收縮而跳舞。

來源

2011-08-17 04:15:32

它在15秒後消失（我可以控制時間）我希望它保持原樣，以便用戶可以輕鬆撤消翻譯，但不會覆蓋內容。謝謝你的幫助。 – L84

那麼，你總是可以將div作爲低工作解決方案來部分不透明。如果你想全力以赴，那麼TranslateThis API提供了一個onComplete回調，你可以掛鉤。因此，您可以隱藏撤消欄，如上所示，然後使用該掛鉤在您的頁面上創建一個提供相同功能的框，但您可以確保不會遮蓋任何內容。 –

好的，謝謝我會考慮這個=> – L84

翻譯此彈出包含內容

回答

相關問題