好吧，这是有原因的：

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

选择的答案错误！

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

body > .skiptranslate {
    display: none;
}

由于iframe是动态地直接添加到主体的，因此您可以只选择直接后代，而不选择更深层次的。

这对我很有效：

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

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

尝试添加另一个类，例如.myClass {display: none;}，将其附加到skiptranslate，例如class="skiptranslate myClass"
编辑：
另一种解决方案：你也可以用另一个div来 Package 谷歌翻译代码，比如<div id="google-wrapper">... google translate code...</div>，然后用display: none;来设计 Package 器的样式
或
看这把小提琴：http://jsfiddle.net/SryPD/

我发现这是最适合我的。我发送谷歌翻译“原始文本”工具提示到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); }
                            }
                        );

2022年10月：以上答案对我来说都不管用。
在我找到谷歌翻译的iframe的 * z-index：* 之后（当然使用了开发者工具），我通过简单地改变我的网站菜单的 z-index： 来实现它。x1c 0d1x

对我很有效。

.goog-te-gadget img{
    display:none !important;
}
body > .skiptranslate {
    display: none;
}
body {
    top: 0px !important;
}

这项工作是我做的

.VIpgJd-ZVi9od-ORHb-OEVmcd{
   display: none;
}