HighCa.com

IE6이나 7 에서는 position:relative 및 position:absolute 에서 z-index 가 먹지 않는 버그가 있다. 까만놈1 창구1 까만놈2 창구2 위 예제와 같이 absolute 된 레이어가 position:relative 속성을 가진 영역과 겹칠 있을 경우 " 창구1(absolute 된 레이어)" 이 보이지 않는 문제가 발생한다. 파이어폭스나 크롬 등 웹표준 브라우저에서는 창구1에 z-index:1000 등을 주면 인식을 하지만 IE6에서는 그렇지 않다. ▲ 파이어폭스 및 크롬 등에서 창구1이 정상적으로 출력되는 모습. ▲ IE6과 7에서는 까만놈1에 가려서 창구1이 안 보인다. 해결책 까만놈1 창구1 까만놈2 창구2 absolute 속성이 있는 div를 감싸는 position:..

얼마전 정식 출시한 구글의 웹브라우저 크롬 2.0.178.28 버전을 설치하였다. 그런데 개발중인 웹사이트를 크롬 2.0으로 테스트를 해보니 페이지 레이아웃이 상당 부분 깨져 출력되는 것을 확인하였다. 크롬의 개발자 도구로 확인해 보니 아래와 같은 문제점이 있었다. 나는 분명히 아래와 같이 CSS를 작성했는데 말이다. @import "common.css"; @charset "UTF-8"; * {margin : 0; padding : 0; list-style:none; border:none;} body{font:12px/1.9 gulim; word-break:break-all; line-height:160%;} hr {display:none;} - 후략 - 즉, common.css 스타일도 적용하면서, 모..