수다닷컴

IE6 메뉴에 생기는 검은 점선 보더 문제

상1큼한렩 2025.07.22 댓글 3

jQuery 오픈소스를 이용해 메뉴를 만들고 CSS로 모서리를 둥글게 처리했어요.
다른 브라우저에서는 선이 잘 보이는데 IE6에서는 배경선이 사라지고 메뉴에 검은 점선이 생깁니다.
IE6에서 둥근 모서리가 안 나와도 괜찮으니 검은 점선만 없애고 싶어요. 원인이나 해결 방법을 아시는 분 계실까요?

댓글을 보고 관련 CSS를 추가로 올립니다.

댓글 3

  • 슬찬 2025.07.22

    말씀하신 대로 CSS를 올렸는데 .ui-corner-all의 radius를 0으로 바꾸거나 border를 0으로 해도 IE6에서는 달라지는 게 없네요.
    저도 CSS를 복잡하게 늘리는 것보다 이미지로 처리하는 편이 나을 것 같아요. 다른 사람이 수정하기도 쉽지 않네요 ^^

  • 세리 2025.07.22

    퍼스나콘 바뀌었네요 ^.

  • 여우비 2025.07.22

    크기가 계속 달라지는 경우에는 CSS3가 편할 수 있지만, 고정된 형태라면 GIF 이미지 하나를 배경으로 써도 성능에 큰 영향은 없을 것 같아요. 여러 브라우저에서 비슷하게 보일 테고요.
    원인을 보려면 모서리 스타일을 적용한 CSS도 함께 확인해야 할 것 같아요. 보통 CSS3가 지원되지 않아도 둥근 모서리만 적용되지 않고 선은 남더라고요.