CSS

ie6 dottom 오류

박성준 2012. 6. 7. 16:09

디자인에서 도트 부분을 아주 작은 점으로 표시해서 디자인을 하는 경우가 많다.

 

그런데  ie6에서는 그 도트 표시 부분이 좀 크게 나온다.

 

그걸 해결 하기 위해 검색을 해봤는데..관련 자료가 있어 올려둔다..

 

.dottedBorders li { border-bottom: 2px dotted #000; zoom: 0.5; }

.dottedBorders li a { zoom: 2; }

 

 

보는거와 같이 zoom을 두번 주는 경우다.

상위 계층에 zoom:0.5 를 줘서 작게 표시한 다음

하단 a링크에 따로 zoom:2를 줘서 정상적인 크기로 돌아오게 하면

폰트는 정상으로 보이고 dotted 만 작게 보이게 만들어지는듯 싶다..