デフォルトの赤いスタイルを使用して自分のサイトにrecaptchaを実装しましたが、IE8を除くすべてのブラウザーで見栄えがします。
(出典:dovinoutlaw.com)
何が得られますか?何か案が?
フォーマットには何もしていません。JavaScript(jQuery)と標準プラグインPHP検証を使用してページにrecaptchaを追加しました(すべて動作が証明されています)。
どこから問題を探し始めるのかさえわかりません。
ajaxのロード後にキャプチャをロードする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;
});
解決
top:60px position:relative
recaptchaが含まれていたdivは、CSSを介してコンテナdiv内に配置されました。に変更されましたposition:absolute;
。