7

サイトに Google 翻訳ウィジェットを追加しました (ここで提供されているコードを使用: http://translate.google.com/translate_tools )。次の問題があります。

次のような値を持つ html タグに style 属性が自動的に追加されます。

height: 100%

これは、ページ レイアウトを「壊す」ことです。たとえば、「下」に配置されていた CSS 背景画像は、(誤って) ビュー ポートの下部に配置されるようになりました。

これを防止または修正する方法はありますか?

4

8 に答える 8

3

これにより、問題が解決されます。

/* Google Translate Overrides */
html, body{
    min-height: 0!important;
    height: auto!important;
    position: inherit!important;
}
于 2014-03-20T19:30:38.343 に答える
1

オーバーライドを防ぐために、css の body min-height 属性を !important に設定することで、これを解決できました。

body {
min-height: 0 !important;
}

更新- 残念ながら、これは機能しなくなりました。Google 翻訳スクリプトは、 min-heightスタイルに対抗する試みをすべて取り除きます。スタイルシートに上記の CSS と body タグにインライン スタイルの両方があります。

Google 翻訳スクリプトは非常に攻撃的で、これを無効にする方法はありません。

于 2010-12-24T17:30:30.837 に答える
0

他の回答で提供されている解決策を使用してみましたが、うまくいきませんでした。他の誰かがこの問題を抱えている場合、私はこの解決策で成功しました。

body { position:static !important; min-height:100%; top:0; }
于 2012-08-02T19:41:16.877 に答える
0

たぶんそれは

body{ height: auto !important; }

于 2010-12-24T17:53:14.343 に答える
0

head部分にcssを書かず、cssファイルに書きます。これにより、Google による自動翻訳が妨げられます。

于 2011-06-20T12:10:09.800 に答える
0

この問題を解決する方法を見つけました。防弾ではないと思いますが、今のところは機能します。

プラグイン: http://darcyclarke.me/dev/watch/

このコードで:)

$(window).load(function(){
        $('body').watch('min-height', function(){
            var style = parseInt($('body').css('min-height'));
            if(style > 0){
                $('body').css({
                'min-height' : '0',
                'position' : 'static',
                'top' : 'none'
                });
            }
        });
});
于 2012-12-10T17:49:24.053 に答える