레이어에 들어있는 링크를 클릭하려고 할때
안드로이드에서는 그 밑에 있는 폼요소/anchor 태그가 클릭이 되는 현상이 발생
->
레이어가 펼쳐진 순간에만
밑에 컨텐츠에다가 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 를
줬군요
터치할때 테두리가 생기지 않도록요...
밑에 링크가 클릭이 되는건줄 알았는데 알고보니 그냥
영역 테두리만 생기는거
===================================================================================
안드로이드 브라우저 버그입니다. 이미 구글 안드로이드 포럼에도 수차례 올라온 이슈입니다.
덧붙이면
레이어안에 아이프레임을
넣어놓으면 active area가 레이어 밑 영역으로 잡히는 문제 뿐만 아니라
아이프레임 안에 있는 링크가 이동하지 않는 이슈도
있습니다.
'web standard > mobile' 카테고리의 다른 글
모바일기기 해상도 체크 (0) | 2014.01.29 |
---|---|
안드로이드 - dip -> pixel (0) | 2010.12.22 |
모바일웹사이트 제작시 고려사항 (0) | 2010.12.02 |
뷰포트(VIEWPORT) (0) | 2010.11.30 |
css3 media 쿼리 예시(모바일웹) (0) | 2010.11.30 |