2011-11-16 12 views
35

Recaptcha, "Bu çerçeve, web sitemde en üstteki" geri/önbellek sorunlarını engelliyor "iFrame'i ekliyor. (yaklaşık olarak).Recaptcha sayfada iFrame'i yaratıyor, stil şekillendiriyor

Firebug'daki öğeye display: none; kurarsam sorunu çözdüm.

Bu öğenin neden yüksekliği olduğunu bilen var mı (iFrames için geçerli CSS'm yok)? Veya nasıl ayarlanacağı: none; üstünde?

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

cevap

48

aşağıda CSS deneyin: endişelenecek bir sitedeki başka hiçbir çerçeveleri yoksa

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

, daha basit bir versiyonu yeterli olacaktır:

Alternatif
iframe {display:none !important;} 

, tüm iframe'leri hedefleyebiliriz, burada src="about:blank":

+0

10 kalp ritmi benim aynı sorunu çözmek için size puan teşekkür vardır! = P – Manatax

+1

+1, Ve bu sadece bir insanı deli eden şeylerdir! –

+2

Bunun için TEŞEKKÜR EDERİZ. Bu gerçekten beni deli ediyordu. Yan not: reCAPTCHA API'sı oldukça sefil ... kim tasarladıysa beni ölmek istiyor. @OwenMelbourne'dan – wnajar

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

Bu, "about: blank" "src" özelliğine sahip tüm iframe'lerle eşleşir.

+0

: iframes –

+1

için bir href olmamalıdır. Bu daha iyi bir çözüm. – loQ

5

Bu daha basit ve doğru görünüyor: Burada

body > iframe { display:none !important; }