모바일 브라우저에서 포커스 안보이게 하기

아무래도 모바일 브라우저 특성상 팝업을 쓰기 굉장히 까다롭습니다.

 

왜냐하면 마우스와 달리 터치되는 영역이 넓기때문입니다.

 

그렇기 때문에 브라우저에서 제공하는 팝업이 아닌 이상

 

레이어팝업을 띄울때 뒷에 부분이 같이 눌리기도 합니다.

 

실제로 동작하시는 않겠지만 눌리는 것처럼 보일때 간단하게 css를 사용해서 눌리지 않는것 처럼

 

보일수 있습니다..

 

-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

 

이게 그 css이고 동작하지 않게 보이는 영역 밑에 있는 모든 것에 걸어 주시면 됩니다.

 

예를 들어서서 body 밑에 전부다

 

body * {

-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

이런식으로 사용하시면 됩니다.