bug fix (12) 썸네일형 리스트형 position bug 갤노트3 4.3 position top -로 값이 나올때 위치가 비정상적으로 출력 해결: absolute 로 0으로 적용 g3 4.4.2 position 적용부분과 맞닿는부분의 텍스트 짤림 현상 해결: padding으로 해결 ios7.1 skip navi focus lose ios 7.1에서 기존의 스킵내비게이션(position top -9999)은 페이지 이동시 포커스를 잃어버리는 경우가 있다 (페이지 높이가 길어서 스크롤 생길경우) 상단에 고정시켜서 투명처리하던가, 상단에 버튼식으로 디자인 자체를 교체하기를 추천 모바일 하위버전 position:fixed 해결방법 body{-webkit-user-select:none; -webkit-touch-callout:none; -webkit-tap-highlight-color: rgba(0,0,0,0); overflow-y: visible !important;} #tapbar {z-index:100; position:fixed; bottom:0; left:0; padding:0; margin:0; width:100%; background-image:-webkit-gradient(linear,0% 0%, 0% 100%, from(#464f54), to(#212425)); background-image:-moz-linear-gradient(0% 100% 90deg, #464f54, #212425)); background-col.. 크롬,사파리에서 col width값 안먹음 http://stspace.tistory.com/319 간만에 웹 텝스트 하다 보니까, 이런게 있었네. 왜 여지껏 못느꼈지 결론은 태그 숨김처리하는 클래스에 position:absolute만 빼주면 된다. 내가 사용하는 리셋용에도 수정을 좀 해야겠다. html5 video tag 사용시 위에 a링크등 ios safari에서 클릭 안됨 IOS safari에서htlm5 video tag사용시 controls 속성에 의해 position:absolute등으로 해당 영역의 위에 레이어가 겹쳐진 상태에서 내부에 a링크나 onclick등의 명령이 실행이 되지 않는 버그가 있다. stackoverflow부터 구글링을 계속해도 position 관련된 설정이나 controls 나 opacity등을 video 태그에 설정하란 얘기등이 있는데 다 안됨. 현재는 안드로이드에서는 제대로 동작하니, 디바이스 체크해서 스크립트로 안드로이드일땐 video 태그, 아이폰일때는 대체 이미지에 해당 동영상 링크를 건 태그를 읽도록 하는 방법이 대안이 되겠다. box-sizing 사용시 주의 웹에선 접두어 없어도 잘 지원되는데, 모바일 크롬, 안드로이드 2.3이하때의 브라우저에선 접두어를 써줘야 적용이 된다. -webkit-box-sizing:border-box webkit-transform: rotate , iscroll android issue 웹킷 트랜스폼에 로데이트는 분명 안드로이드 2.1부터 지원한다고 표기가 되어있는데,iscroll사용할시 적용이 안된다. iscroll빼고 보면 적용이 되고 뭔가 다른 이유가 추가적으로 있는건지, 웹에서는 잘나오는데android에서만 이런다.. 우선은 이미지 두개를 써다만, 로테이트만 먹어도 화살표같은거 몇개씩 만들필요가 없어지는데.. 아아.. 우선 해결되고 이 포스팅은 재개함. firefox image scaling시 깨짐현상 파이어폭스와 ie7등에서 원본 이미지보다 작게 사이즈를 줄여서 코딩할 경우, 이미지 깨짐현상이 일어난다.ie8에서는 봐줄만하다. 브라우저의 이미지 렌더링 방식의 차이로 인해서 생기는 일인데. https://developer.mozilla.org/en/CSS/image-rendering 위에서 참고하면 파폭은 기본적으로 처리속도를 위하여 이미지 렌더링 방식을 nearest neighbor resampling (low quality)을 사용하여 퀄리티가 떨어지게 나온다. image-rendering: optimizeQuality 로 적용시 blur처리가 되어 제데로 보인다(high quality)만화책 자주 볼때 보던 bicubic이 blur를 처리해 부드럽게 보이는 대신 리소스를 더 먹고nearest ne.. 이전 1 2 다음