Recaptcha crea iFrame en la página, rompe el estilo

Question

Recaptcha agrega un "Este marco evita los problemas de caché de atrás/adelante en Safari" iFrame a la parte superior de mi sitio web (código incluido a continuación), que está alejando el diseño en 20-30px (aproximadamente).

Si configuré display: none; al elemento en Firebug, solucionó el problema.

¿Alguien sabe por qué este elemento tiene una altura (no tengo CSS que se aplique a iFrames)? O cómo configurar la pantalla: ninguno; ¿en eso?

<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

Prueba el CSS a continuación:

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

Si usted no tiene cualquier otro marco en el sitio que preocuparse, una versión más simple debería ser suficiente:

iframe {display:none !important;} 

Alternativamente, puede orientar todos los iframes donde src="about:blank":

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

Answer 2

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

Coincide con todos los iframes con el atributo "src" de "about: blank".

Answer 3

Esto parece más simple y preciso:

body > iframe { display:none !important; }