변형 : 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; 또는 더 큰 숫자를 적용하십시오.