reCaptcha下推CSS元素
提问于 2012-10-20 08:14:55
我的页面是http://bonemarrow.ipage.com/contact/。
我在Wordpress安装下使用reCaptcha和Contact Form 7。没有reCaptcha，我的表单看起来很好，不会影响页面的外观。一旦我弹出reCaptcha，我就会在主要内容区域下和我的页脚之间有一个间隙。
看起来像是reCaptcha把footer div向下推了大约和reCaptcha表一样的高度。我尝试将它包装在我自己的div (#my_captcha)中并设置高度，但也不起作用。
我还认为这可能是因为我在表单中设置标签和/或字段样式的方式，所以我删除了所有样式，看看会发生什么。没有交易，即使没有造型，reCaptcha仍然坚持引入这种差距。
任何帮助都将不胜感激。
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-10-20 08:29:27
footer{
margin-top: -30px;
}这是你可以做到的一种方法。
编辑:基于您的评论...
好吧，你可以对你的CSS更具体一些，例如
.some_specific_container footer{
margin-top: -30px
}假设表单类只出现在页面上，我看不出有什么问题。
编辑2：
再看一眼，问题是由iframe引起的，如果你添加display:none，你现在有visibility:hidden，你会修复它。不需要黑客攻击。发生这种情况的原因是因为visibility:hidden隐藏了一个元素，但它仍然会像以前一样占用相同的空间。元素将被隐藏，但仍会影响布局。display:none隐藏了一个元素，它不会占用任何空间。该元素将被隐藏，并显示页面，就好像该元素不存在一样。source.
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12986607
复制
腾讯云开发者
