Question

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

如果我将display: none;设置为Firebug中的元素，则修复了该问题。

有谁知道为什么这个元素有一个高度（我没有适用于iFrames的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;}

或者，您可以定位src="about:blank"：

所有的iframe

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

Answer 2

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

这匹配所有iframe，其“src”属性为“about：blank”。

Answer 3

这似乎更简单，更准确：

body > iframe { display:none !important; }

Recaptcha在页面上创建iFrame，打破样式

3 个答案: