Google翻訳されたウェブページ上のテキストにカーソルがあるとテキストが消えます

私はgoogle translateでウェブページを翻訳しました。しかし、翻訳されたテキストの上にカーソルを置くと、テキストが消えます。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

私はGoogleのクラスを追加し、要素を隠している<p>タグのスタイルを追加しました。それははっきりと点滅していない。

希望は下記のコードで.goog-テキストハイライトを交換します

おかげ

<!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-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翻訳されたウェブページ上のテキストにカーソルがあるとテキストが消えます

答えて

関連する問題