У меня возникли проблемы с реализацией новой версии recaptcha. У меня есть веб-сайт на сервере тестирования xampp с тестовой записью в блоге с разделом комментариев. С предыдущей рекомендацией никаких проблем не возникало. С этой версией iframe, который исправляет поверх виджета, чрезвычайно высок. На других веб-сайтах, на которых это реализовано, я могу проверить и увидеть, что iframe должен быть плотным для самого виджета. На моем сайте iframe составляет 800 х 4000 пикселей, а нижняя часть страницы (ниже виджета) растягивается очень далеко от содержимого. Ниже приведены ссылки на изображения, показывающие, что я говорю о: https://onedrive.live.com/redir?resid=2dca8656db14d615!41273&authkey=!AJ2RprvIfUDA3YU&ithint=folder%2cjpgreCAPTCHA v2 iframe height issues
Я попытался следующие без толку:
/* ReCaptcha Iframe FIX */
iframe {display:none !important;}
header iframe,
section iframe,
footer iframe,
div iframe { display:inline; }
Recaptcha просто:
<div class="g-recaptcha" data-sitekey="6LcyQvkSAAAAAGkr-BA4HkFUCthgf0b8bUhfoEIn"></div>
У меня есть скрипт recaptcha api.js вызывается в моем заголовке. Фактически работает recaptcha: я могу отправлять комментарии, и они заполняются в моей базе данных, и я также тестировал отказ от recaptcha, и комментарии не заполняются. Это только проблема iframe, которая должна быть решена. Я не мог найти что-либо в своем CSS, которое могло бы вызвать это, но я довольно новый, поэтому я не совсем уверен, что искать.
Любые идеи?