रिकैप्चा पृष्ठ पर आईफ्रेम बनाता है, स्टाइलिंग

Question

रिकैप्चा एक "यह फ्रेम सफारी में बैक/अग्रेषित कैश समस्याओं को रोकता है" IFrame मेरी वेबसाइट (नीचे कोड शामिल) के शीर्ष पर है, जो 20-30px द्वारा स्टाइल को दबा रहा है (लगभग)।

यदि मैं फायरबग में तत्व के लिए display: none; सेट करता हूं तो यह समस्या ठीक कर देता है।

क्या किसी को पता है कि इस तत्व की ऊंचाई क्यों है (मेरे पास कोई सीएसएस नहीं है जो 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

नीचे सीएसएस का प्रयास करें:

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

आप साइट के बारे में चिंता करने के लिए पर किसी भी अन्य फ्रेम नहीं है, तो, एक सरल संस्करण पर्याप्त होना चाहिए:

iframe {display:none !important;} 

वैकल्पिक रूप से, आप सभी iframes को लक्षित कर सकते हैं जहां src="about:blank":

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

Answer 2

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

यह "about: blank" की "src" विशेषता के साथ सभी iframes से मेल खाता है।

Answer 3

यह सरल और सटीक लगता है:

body > iframe { display:none !important; }