[CSS] shadow가 안보일때 요소 앞으로 꺼내기

button태그에 box-shadow 속성이 하위 HTML 요소에 가려지는 현상 개선하기

 

1. 문제현상

상위 버튼이 하위 요소에 의해 shadow가 가려진다.

문제 현상

 

 

 

 

2. 트러블슈팅

두가지 속성을 shadow 속성이 부여된 요소에 추가한다.

position: relative;
z-index: 1;