Javascript 当光标位于谷歌翻译网页的文本上时，文本消失
我已经用谷歌翻译了一个网页。但当我们对翻译的文本使用光标时，文本就会消失 谁能告诉我怎么解决这个问题Javascript 当光标位于谷歌翻译网页的文本上时，文本消失,javascript,jquery,html,Javascript,Jquery,Html,我已经用谷歌翻译了一个网页。但当我们对翻译的文本使用光标时，文本就会消失 谁能告诉我怎么解决这个问题 翻译 .goog te banner frame.skiptranslate{显示：无！重要；} 正文{top:0px！重要；} div#goog gt tt{display:none！important；}。goog文本高亮显示{display:none！important；不透明性：0；} $.cookie（'googtrans'，'/en/hi'）； 函数googleTranslate
翻译
.goog te banner frame.skiptranslate{显示：无！重要；}
正文{top:0px！重要；}
div#goog gt tt{display:none！important；}。goog文本高亮显示{display:none！important；不透明性：0；}
$.cookie（'googtrans'，'/en/hi'）；
函数googleTranslateElementInit（）{
新的google.translate.TranslateElement（{pageLanguage:'en'，布局：google.translate.TranslateElement.InlineLayout.SIMPLE}，'google_translate_element'）；
}
这是一个测试网站。
<!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>
翻译
.goog te banner frame.skiptranslate{显示：无！重要；}
正文{top:0px！重要；}
div#goog gt tt{display:none！important；}。goog文本高亮显示{display:none！important；不透明性：0；}
p、 appearnone字体{
显示：块！重要；
透明度：1！重要
}
$.cookie（'googtrans'，'/en/hi'）；
函数googleTranslateElementInit（）{
新的google.translate.TranslateElement（{pageLanguage:'en'，布局：google.translate.TranslateElement.InlineLayout.SIMPLE}，'google_translate_element'）；
}
这是一个测试网站。
<!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>
翻译
.goog te banner frame.skiptranslate{显示：无！重要；}
正文{top:0px！重要；}
div#goog gt tt{display:none！important；}。goog文本高亮显示{display:none！important；不透明性：0；}
p、 appearnone字体{
显示：块！重要；
透明度：1！重要
}
$.cookie（'googtrans'，'/en/hi'）；
函数googleTranslateElementInit（）{
新的google.translate.TranslateElement（{pageLanguage:'en'，布局：google.translate.TranslateElement.InlineLayout.SIMPLE}，'google_translate_element'）；
}
这是一个测试网站。
.goog-text-highlight { background: none !important; box-shadow: none !important;}
替换。用下面的代码突出显示goog文本
.goog-text-highlight { background: none !important; box-shadow: none !important;}
还是一样。我想它是消失了，但它的副作用是，当光标在文本上移动时，它会出现一条条纹。p、 appearnone字体{display:block！important；opacity:1！important；背景色：transparent！important；box shadow:none；}也添加这两个属性如果从我的代码中删除“goog text highlight{display:none！important；opacity:0；}”，它会给出相同的结果，但这个类“goog text highlight”没有所有属性，如果您签入UI，您将从其他一些文件中得到它的调用，直到相同为止。我想它是消失了，但它的副作用是，当光标在文本上移动时，它会出现一条条纹。p、 appearnone字体{display:block！important；opacity:1！important；背景色：transparent！important；box shadow:none；}也添加这两个属性如果从我的代码中删除“goog text highlight{display:none！important；opacity:0；}”，它会给出相同的结果，但这个类“goog text highlight”不具有所有属性，如果您签入UI，您将从其他文件获得它的调用