Question

我使用默认的红色样式在我的网站上实现了recaptcha，它在除IE 8之外的所有浏览器上显示效果很好。

screenshot http://www.dovinoutlaw.com/images/recaptcha.jpg

是什么给出的？有什么想法吗？

我没有对格式化做任何事情。刚刚使用带有标准插件PHP验证的JavaScript（jQuery）将recaptcha添加到页面中（所有这些都证明有效）。

我甚至不知道从哪里开始寻找问题。

我在jjax加载后加载验证码的jQuery代码：

$("div#menu ul li a").click(function() {
    var ifContact = $(this).attr('href');   <!-- variable for contact page -->
    $('div#menu ul li a').removeClass("active").addClass("inactive");
    $(this).removeClass("inactive").addClass("active");   <!--changes nav buttons-->
    $('div#page_content').load(($(this).attr('href') + ' #content'), function(){ 
    if (ifContact == 'contact.html') {     <!--if we are on the contact page-->
       Recaptcha.create("key", "captcha", {
            theme: "red",
            callback: Recaptcha.focus_response_field
        }); 
    }
    });
    return false;
    });

解决方案

recaptcha所在的div通过CSS定位在top:60px position:relative的容器div中。已更改为position:absolute;。

Answer 1

替换

ReCaptcha captcha = 
ReCaptchaFactory.newSecureReCaptcha(recapConfig.getPublickey(), 
recapConfig.getPrivatekey(), false);

带

ReCaptchaImpl recaptcha = new ReCaptchaImpl(); 
recaptcha.setIncludeNoscript(false); 
recaptcha.setPrivateKey(recapConfig.getPrivatekey()); 
recaptcha.setPublicKey(recapConfig.getPublickey()); 
recaptcha.setRecaptchaServer("https://www.google.com/recaptcha/api");

Answer 2

解： recaptcha所在的div位于容器div中，顶部：60px位置：相对于css。改为position：absolute;

感谢那些阅读并投票的人!!

Recaptcha默认主题显示不正确

解决方案

2 个答案: