IE6_jquery에서 jquery 기반 Colortip 정보 프롬프트 상자 플러그인의 표시 문제를 해결하는 방법

.pointyTip,.pointyTipShadow{
/* 0x0 div에 두꺼운 투명 테두리를 설정하여 삼각형 만들기 */
border:6px solid transparent;
_border: 6px solid #123456; /*크로마 필터 사용을 위한 특수 색상 값 지정*/
bottom:-12px
height:0; %;
margin -left:-6px;
position:absolute;
width:0;
font-size:0; /*IE에서 빈 레이블은 글꼴 크기를 갖습니다. 0으로 설정하면 이 높이를 지울 수 있습니다*/
_filter:chroma(color=#123456) /*IE6용 크로마 필터를 사용하여 색상 #123456을 투명하게 필터링합니다*/
}

.pointyTipShadow{
/* 그림자 끝 부분이 1px 더 크므로 끝 부분의 테두리 역할을 합니다. */
border-width:7px
bottom:-14px
_bottom:-15px; 작은 삼각형의 위치가 더 정확해집니다*/
margin-left:-7px;
}
.colorTipContainer{
position:relative;
_zoom:1; /*이유는 모르겠지만 여기에 Zoom:1을 추가한 후 left:50%를 사용하여 IE6에서 올바른 위치를 얻을 수 있습니다. 인라인 요소에 레이아웃이 없나요? 정확하게 표현이 안되네요...*/
}


자, 여기서 수정이 완료되었습니다. 제 컴퓨터에서는 IEtester와 VMware 가상 머신을 사용한 XP IE6 테스트를 통과했습니다. 효과를 시험해 볼 수도 있습니다. 궁금한 점이 있으시면 피드백을 주시면 수정해 드리겠습니다. 코드는 이해하기 쉽습니다. 이해가 되지 않으면 플러그인을 사용하세요.