wordpress - ReCAPTCHA v3 Google Badge 绘制在页面内容下方

Question

请访问此页面：

https://www.publictalksoftware.co.uk/contact-form/

理想情况下，请使用像 iPhone6s 这样的小手机。向下滚动到底部：

我知道如何识别某些控件并将它们的 Z 索引设置为 0，因此徽章会覆盖它们，但是为所有内容添加这样的设置将是一场噩梦。

相反，有没有办法做相反的事情？我可以获得这个徽章以确保它被绘制在页面内容的顶部吗？

如果您在 PC 上滚动到最底部，问题会更糟。将鼠标悬停在徽章上，它会在页脚区域下方显示。

我试过这个：

body:not(.page-id-833) .grecaptcha-badge {
  z-index: 99999;
  display: none;
}

没有喜悦。

Answer 1

因此，您将徽章设置为不显示。只需将其设置为在您希望它显示的页面上显示为一个块，使用重要来覆盖第一个样式。:)

.grecaptcha-badge {
   display:none;
}
.page-id-833 .grecaptcha-badge {
   z-index: 99999;
   display:block !important;
}

至于高 z 指数。这正是您提供的网站上的工作。如果您有问题并且它仅适用于您的某些页面。只需将 !important 添加到您的样式表中。