밥벌이 :)/해결된 이슈들 썸네일형 리스트형 모바일웹 :active 이슈 모바일웹 :active 이슈 모바일 웹 프로젝트 진행 중 디자이너로 부터 마우스오버 효과를 넣어달라는 요청을 받았다.응?? 마우스오버?모바일도 마우스로 작동하는건가?? 라는 생각을 하려고 하는데 디자이너가 말했다.손으로 버튼을 누르는 순간 버튼에 마우스오버 효과처럼 버튼의 배경색상과 글씨 색을 바꿔달라고. 역시 그럼 그렇지. -_-;; 이런 작업은 처음이었지만 별로 대수롭지 않게 생각하고 해당 A태그에 아래와 같이 스타일을 주었다. a.btn_check {background:#fff; color:#181818}a.btn_check:active {background:#181818; color:#fff;} A태그에 :active를 붙여 스타일을 작성하면 당연히 효과가 나타날줄 알았는데 미동도 없었다.이런.... 더보기 Android 4.0 position fixed bug Android 4.0 position fixed bug 모바일 웹사이트 개발 중 하단에 고정메뉴를 position fixed로 고정하였는데,다른 폰에서는 전혀 이슈가 없었는데, 갑자기 갤럭시 노트1에서 문제가 있다고 한다.해당 기기(구하기도 힘든 노트1 ㅜㅜ)로 확인을 해보니좌측으로부터 10px정도 떨어져 있었다. 뭐지..... 좌우측 위치에 대한 스타일은 준적도 없는데..하단 고정메뉴 style은 아래와 같다. .fixed_menu {width:100%; position:fixed; bottom:0; background-color:#0062a3; border-top:1px solid #fff; box-shadow: 0px 1px 7px gray; z-index:9999;} 딱히 정해진 위치값은 없었고,.. 더보기 request받은 페이지에서 utf-8 한글깨짐 현상 - 2014.04.08 오늘부터 개인적으로 asp언어 공부를 시작하고 있는데, UTF-8로 설정된 페이지에서 Request받은 페이지에 한글(결과값)이 깨지는 현상이 있길래 찾아보니, 페이지 상단에 아래 코드를 삽입한다. 위 소스를 삽입하니 바로 해결되었다. 더보기 html : css핵 사용하지않고 분기화처리(조건부 주석) - 2014.02.27 기존에는 프로젝트 진행시 크로스브라우징을 위해 어쩔 수 없이 css핵을 사용하곤 했다. (css핵의 사용량은 프로젝트의 규모에 따라 달랐지만..) 이번에 키즈현대 구축 프로젝트를 진행하면서 새로운 방법을 사용했는데, 바로 '조건부 주석' 사용이었다. 말그대로 어떠한 조건이 충족되지 않으면 주석처리되고, 조건이 충족되면 주석안의 내용이 브라우저에 렌더링 되는 것이다. //조건부 주석처리 위 소스를 ''사이에 써주면 브라우저 버전이 IE7 이하면 '/inc/css/ie.css' 파일을 불러오게 하고, IE7초과(IE8 이상)일 경우는 주석처리(무시) 될 것이다. 위 예제 소스에 사용된 [if lte IE 7]에 대해 더 정확히 알아보면, 조건의 내용 예제 조건에 대한 설명 ! [If !IE] IE가 아닐 경.. 더보기 이전 1 다음