html - Recaptcha 在页面上创建 iFrame，破坏样式

Question

Recaptcha 正在我的网站顶部添加一个“此框架可防止 Safari 中的后退/转发缓存问题”iFrame(代码包含在下面)，这将样式推开 20-30 像素(大约)。

如果我将 display: none; 设置为 Firebug 中的元素，它就解决了问题。

有谁知道为什么这个元素有高度(我没有适用于 iFrame 的 CSS)？或者如何设置 display: none;在上面吗？

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

Answer 1

试试下面的 CSS:

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

如果您在网站上没有任何其他框架需要担心，一个更简单的版本就足够了:

iframe {display:none !important;}

或者，您可以定位所有 iframe，其中 src="about:blank":

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