变换：在其下方缩放div块按钮

Question

我根据自己的需要定制了g-recaptcha小部件，效果很好。但奇怪的是，下面的ng-click按钮不再起作用了。不知道为什么。

以下是我的代码示例：

<form>
    ...
    <div class="g-recaptcha" vc-recaptcha key="'secret'"></div>
    <button class="btn-primary" ng-click="clicSignUp()" type="submit">
        Sign Up!
    </button>
</form>

这是CSS：

.g-recaptcha {
    transform:scale(0.93);
    transform-origin:0 0;
    margin-bottom: -12px;
}

我无法点击“注册”按钮！了。

Answer 1

看起来transform会增加元素的堆叠顺序。您可以为按钮提供更高的顺序，以便它不会被div覆盖。

button {
  position: relative;
}

同时根据需要应用z-index: 1;或更大的数字。