Recaptcha在页面上创buildiFrame，打破样式

Recaptcha在我的网站（包括下面的代码）的顶部添加了一个“这个框架可以防止Safari中的后退/前进caching问题”的iFrame，这推动了20-30px（大约）的样式。

如果我设置display: none; 到Firebug中的元素，它解决了这个问题。

有谁知道为什么这个元素有一个高度（我没有CSS适用于iFrames）？ 或者如何设置显示：无; 在上面？

 <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[src="about:blank"]{display:none;} 

Answer 2

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

这匹配“about：blank”的“src”属性的所有iframe。

Answer 3

这似乎更简单，更准确：

 body > iframe { display:none !important; }