在Google翻译网页上的文字上显示文字时，文字消失

我翻译了谷歌翻译的网页。但是当我们对翻译文本进行扫描时，文本就会消失。在Google翻译网页上的文字上显示文字时，文字消失

任何人都可以告诉如何解决这个问题吗？

http://careturtle.com/firebase/translate_test.php

<!doctype html> 
<html> 
    <head> 
     <title>Translator</title> 
     <script type="text/javascript" src="jquery.min.js"></script> 
     <script src="jquery.cookie.js"></script>  
     <style type="text/css"> 
     .goog-te-banner-frame.skiptranslate{display:none!important;} 
     body{top:0px!important;} 
     div#goog-gt-tt{display:none!important;}.goog-text-highlight{display:none!important;opacity:0;} 
     </style> 
    </head> 
    <body> 
     <script type="text/javascript"> 
     $.cookie('googtrans', '/en/hi'); 
     </script> 
     <div id="google_translate_element" style="display: none;"></div><script type="text/javascript"> 
function googleTranslateElementInit() { 
    new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element'); 
} 
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> 
    This is a test website. 
    </body> 
</html>

来源

2017-05-12 Observer

我已经添加了样式为<p>标签，其中谷歌类被追加和隐藏的元素。那并不急剧闪烁。

希望可以帮助你

感谢

<!doctype html> 
<html> 
    <head> 
     <title>Translator</title> 
     <script type="text/javascript" src="jquery.min.js"></script> 
     <script src="jquery.cookie.js"></script>  
     <style type="text/css"> 
     .goog-te-banner-frame.skiptranslate{display:none!important;} 
     body{top:0px!important;} 
     div#goog-gt-tt{display:none!important;}.goog-text-highlight{display:none!important;opacity:0;} 
     </style> 
<style> 
p.appearnone font font{ 
     display: block !important; 
     opacity: 1 !important 
} 
</style> 
    </head> 
    <body> 
     <script type="text/javascript"> 
     $.cookie('googtrans', '/en/hi'); 
     </script> 
     <div id="google_translate_element" style="display: none;"></div><script type="text/javascript"> 
function googleTranslateElementInit() { 
    new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element'); 
} 
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> 
    <p class="appearnone">This is a test website. 
    </body> 
</html>

来源

2017-05-12 11:02:56

仍然相同。我想它正在消失 – Observer

请检查编辑的代码，希望这会起作用 –

它做到了，但作为副作用，它会使光标在文本上出现时出现条状。 – Observer

更换.goog文本高亮下面代码工作。

.goog-text-highlight { background: none !important; box-shadow: none !important;}

参考： How to disable google translate original text tooltips

来源

2017-05-12 11:48:43 Observer

在Google翻译网页上的文字上显示文字时，文字消失

回答

相关问题