디자인에서 도트 부분을 아주 작은 점으로 표시해서 디자인을 하는 경우가 많다.
그런데 ie6에서는 그 도트 표시 부분이 좀 크게 나온다.
그걸 해결 하기 위해 검색을 해봤는데..관련 자료가 있어 올려둔다..
.dottedBorders li { border-bottom: 2px dotted #000; zoom: 0.5; }
.dottedBorders li a { zoom: 2; }
보는거와 같이 zoom을 두번 주는 경우다.
상위 계층에 zoom:0.5 를 줘서 작게 표시한 다음
하단 a링크에 따로 zoom:2를 줘서 정상적인 크기로 돌아오게 하면
폰트는 정상으로 보이고 dotted 만 작게 보이게 만들어지는듯 싶다..
'CSS' 카테고리의 다른 글
원하는 영역만 프린트 하는 CSS (0) | 2012.06.15 |
---|---|
IE Conditional Comments 필터링 (0) | 2012.06.04 |
[list-style-position] (0) | 2012.05.14 |