没有验证码 recaptcha 覆盖不完全显示
no captcha recaptch overlay not display entirely
我将无验证码重新验证码放在弹出窗口 (FancyBox) 中，一切正常。(recaptch1.PNG) 但是当用户单击复选框时，验证码图像叠加层并未完全显示。 (recaptch2.PNG).
我的问题是，我们能否以用户可以看到指令的方式自动放置叠加层。 (recaptch3.PNG) 或者我们可以调整叠加层的大小以适应弹出窗口中的 iframe，以便可以看到所有内容吗？
有什么建议吗？
recaptch1.PNG
recaptch2.png
recaptch3.PNG
我想我找到了解决办法。经过大量搜索，我发现了这个 link: https://www.geekgoddess.com/how-to-resize-the-google-nocaptcha-recaptcha/
它会调整 recaptcha V2 容器的大小，但不会调整叠加层的大小，因为 google 将叠加层注入页面而不是容器中。因为我发现 google 在页面上注入叠加层，所以我现在可以自定义叠加层。所以我在之前的 link 上使用了该技术，但我影响到了 class "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}
该解决方案不适用于所有浏览器版本（不是旧版本），但它适用于我。
我将无验证码重新验证码放在弹出窗口 (FancyBox) 中，一切正常。(recaptch1.PNG) 但是当用户单击复选框时，验证码图像叠加层并未完全显示。 (recaptch2.PNG).
我的问题是，我们能否以用户可以看到指令的方式自动放置叠加层。 (recaptch3.PNG) 或者我们可以调整叠加层的大小以适应弹出窗口中的 iframe，以便可以看到所有内容吗？
有什么建议吗？
recaptch1.PNG
recaptch2.png
recaptch3.PNG
我想我找到了解决办法。经过大量搜索，我发现了这个 link: https://www.geekgoddess.com/how-to-resize-the-google-nocaptcha-recaptcha/
它会调整 recaptcha V2 容器的大小，但不会调整叠加层的大小，因为 google 将叠加层注入页面而不是容器中。因为我发现 google 在页面上注入叠加层，所以我现在可以自定义叠加层。所以我在之前的 link 上使用了该技术，但我影响到了 class "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}
该解决方案不适用于所有浏览器版本（不是旧版本），但它适用于我。