web-dev-qa-db-ja.com

Recaptchaはページ上にiFrameを作成し、スタイリングを中断します

Recaptchaは、「このフレームはSafariでのキャッシュのバック/フォワードの問題を防ぎます」iFrameを私のWebサイトの上部に追加しています（以下にコードが含まれています）。

Firebugの要素にdisplay: none;を設定すると、問題が修正されました。

この要素に高さがある理由を誰かが知っていますか（iFrameに適用されるCSSがありません）？または表示の設定方法：なし;その上に？

<iframe src="about:blank" style="height: 0px; width: 0px; visibility: hidden; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; ">
    This frame prevents back/forward cache problems in Safari.
</iframe>
htmlcsscaptcharecaptcha
36
Walker

以下のCSSを試してください。

/* ReCaptcha Iframe FIX */
iframe {display:none !important;}
header iframe,
section iframe,
footer iframe,
div iframe { display:inline; }

サイトに心配するフレームが他にない場合は、より単純なバージョンで十分です。

iframe {display:none !important;}

または、src="about:blank"：のすべてのiframeをターゲットにすることもできます。

iframe[src="about:blank"]{display:none;}
49
James Hill
iframe[src="about:blank"]{display:none;}

これは、「about：blank」の「src」属性を持つすべてのiframeに一致します。

24
Leo Jiang

これはより単純で正確に思えます：

body > iframe { display:none !important; }
5
Brendon Muir