web standard/mobile2011. 3. 21. 11:41

레이어에 들어있는 링크를 클릭하려고 할때

안드로이드에서는 그 밑에 있는 폼요소/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
Posted by 수라