internet-explorer - Recaptcha 默认主题显示不正确

Question

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

_{（来源：dovinoutlaw.com）}

是什么赋予了？任何想法？

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

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

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

$("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 所在的 divtop:60px position:relative通过 CSS 定位在容器 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 相对。改为位置：绝对；

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