13

我有以下代码：

<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>
4

6 回答 6

45

好的，这出于某种原因：

.goog-te-banner-frame.skiptranslate {
    display: none !important;
    } 
body {
    top: 0px !important; 
    }
于 2012-06-29T14:33:31.460 回答
14

选择的答案是错误的！

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

body > .skiptranslate {
    display: none;
}

由于 iframe 是直接动态添加到正文中的，因此您可以只选择直接后代而不是更深层次的内容。

于 2015-01-14T16:10:51.637 回答
0

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

编辑：

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

或者

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

于 2012-06-28T18:16:37.950 回答
0

为什么不向skiptranslate包含 goog-te-banner-frame 的 div 添加一个 id？<div id="something" class="skiptranslate" style="">然后将允许您设置样式div#something { display: none !important; }

于 2012-06-28T19:21:37.720 回答
0

我发现这对我来说是最好的。我将 Google 翻译“原始文本”工具提示发送到 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); }
                            }
                        );
于 2013-03-12T22:27:28.177 回答
0

这对我有用：

.goog-te-banner-frame.skiptranslate {
    display: none !important;
}
body {
    top: 0px !important;
}
于 2021-11-03T16:03:27.510 回答