Question

请访问此页面：

理想情况下，请使用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。