Question

我有以下代码：

<div style="" class="skiptranslate">
  <iframe frameborder="0" style="visibility:visible" 
          src="javascript:''" 
          class="goog-te-banner-frame skiptranslate" 
          id=":2.container"></iframe>
</div>

我需要隐藏它，但如果我只使用：

隐藏goog-te-banner-frame

.goog-te-banner-frame {
    display:none !important
    }

它仍然把我的标题丢了。如果我用这个：

.skiptranslate {
    display:none !important
    }

它还隐藏了语言选择下拉列表，因为它共享同一个类。我想隐藏包含goog-te-banner-frame的skiptranslate div。

我该怎么做？

编辑：这是“创建”上面的翻译div的实际代码：

<div id="google_translate_element"></div>
<script type="text/javascript">
    function googleTranslateElementInit() {
        new google.translate.TranslateElement({pageLanguage: 'en', 
        layout:     google.translate.TranslateElement.InlineLayout.SIMPLE,
        autoDisplay: false, 
        includedLanguages: ''}, 'google_translate_element');}
</script>
<script type="text/javascript" src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Answer 1

好的，这可以出于某种原因：

.goog-te-banner-frame.skiptranslate {
    display: none !important;
    } 
body {
    top: 0px !important; 
    }

Answer 2

所选答案错误！

我知道这是一个老问题，但是对于将来遇到这个问题的人来说，这是最简单的方法：

body > .skiptranslate {
    display: none;
}

由于iframe是直接动态添加到正文中的，因此您只需选择直接后代即可。

Answer 3

尝试添加另一个类，比如.myClass {display: none;}，附加到skiptranslate，例如class="skiptranslate myClass"

编辑：

另一个解决方案：你也可以用另一个div包装谷歌翻译代码，比如<div id="google-wrapper">... google translate code...</div>，然后用display: none;

设置包装器的样式

OR

看到这个小提琴：http://jsfiddle.net/SryPD/

Answer 4

为什么不直接向持有goog-te-banner-frame的skiptranslate div添加id？然后，<div id="something" class="skiptranslate" style="">将允许您设置div#something { display: none !important; }

的样式

Answer 5

我发现这对我来说是最好的。我将谷歌翻译“origninal text”工具提示发送到z-index：-1000。所以它仍在页面中，但看不见。

                            // Force hiding of "original text" popup for menus, etc. (very annoying)
                        jQuery(selector).bind(
                            "mouseenter mouseleave",
                            function (event) {
                                if (event.type === 'mouseenter')    { google_trans_tt.css('z-index', -1000); }
                                else                                { google_trans_tt.css('z-index',  1000); }
                            }
                        );

Answer 6

http://thoughtsforbeans.blogspot.in/2012/08/translate-your-website-with-google.html#.Unx4jfmnqQA

它的工作正常与此代码的链接。我修复了我的网站。

隐藏Google翻译栏

6 个答案: