没有验证码重新覆盖覆盖不完全显示

Question

我把no-captcha recaptcha放在弹出窗口（FancyBox）中，一切都很好。（recaptch1.PNG）但是当用户点击复选框时，验证码图像叠加层没有完全显示。 （recaptch2.PNG）。

我的问题是，我们是否可以按照用户可以看到指令的方式自动放置叠加层。 （recaptch3.PNG）或者我们可以调整叠加层大小以适应弹出窗口中的iframe，这样一切都可以看到吗？

有什么建议吗？

recaptch1.PNG

recaptch2.png

recaptch3.PNG

Answer 1

我想我找到了解决方案。经过大量搜索，我找到了这个链接：https://www.geekgoddess.com/how-to-resize-the-google-nocaptcha-recaptcha/

它会重新调整recaptcha V2的容器大小，但不会调整叠加层的大小，因为谷歌会在不在容器中的页面上注入叠加层。因为我发现谷歌在页面上注入了叠加层，所以我现在可以自定义叠加层。所以我在上一个链接上使用了这个技术但是我对类“gc-bubbleDefault”有影响。

我在我的CSS中添加这个，这解决了我的问题： .gc-bubbleDefault {transform：scale（0.82）; transform-origin：0; -webkit-transform：scale（0.82）; transform：scale（0.82）; - webkit-transform-origin：0 0; transform-origin：0 0; 0}

这是一个解决方案，不适用于所有浏览器版本（不旧版本），但它对我有用。