PNG파일은 IE 6.0 이하에서 투명으로 보이게 하려면 CSS에서 필터를 써야한다.

.test {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='test.png', sizingMethod='scale');
}

그런데 div 박스 같은 곳에 이 필터를 쓰게 되면, 그 안에 있는 링크들이 눌리지 않는 버그가 있다. --^ 설정된 이미지가 z-index 값을 최고로 가지게 되는 거 같은데, a 태그에 z-index 값을 따로 써줘도 마찬가지다.

구글검색으로 찾은 해결법은 눌리지 않는 a 태그에 아래 처럼 속성을 주면 된다는 거. 간단하지만, 이해는 안되는 결론이다. -_-

지난번에 IE6에서 PNG 필터를 썼을시 z-index 값이 최대가 되어 생기는 문제가 있었는데, 이번엔 select 태그 위에 div 박스를 띄우려 하다보니 또 z-index 값으로 인한 문제가 생겼다.

현상: select 태그 위에 div 박스를 띄우면, select 태그가 div 영역을 뚫고 나옴.
원인: IE6에서는 z-index 값을 최상으로 가지는 태그들이 있다. object, select, iframe 등.
해결: 같은 레벨인 iframe을 이용하면 해결 가능. 예제

내 경우, 위에 뜨는 div가 select 태그를 전체 다 가리기에, div 뜰때 select를 display:none으로 변경. -_-;