ie6메뉴 보더문제
VanilLa
소스는 jquery 오픈소스로 만든건데 radius 4px로 둥글게 박스처리를 했습니다.
ff에선 css로 만든 라인이 잘보이는데 ie6에선 배경선이 전혀 안보이고, 메뉴에 저렇게 검은 점선이 생깁니다.
크로스브라우징 문제로 입사해서 확인해 보니 오픈소스를 많이 가져다 써서 css가 너무 복잡해서 어느부분부터 소스를 올려야 할지몰라서 그냥 화면 만 올립니다.
ie6에서도 저렇게 라운드박스로 나오지않아도 됩니다. 우선은 저 검은 점선만이라도 없애고싶습니다.
저런 원인이 무엇인지 알거나, 해결방안이라던지, 비슷한 경우가 있었던 경험자들의 답변부탁드립니다.
수다님의 덧글을 보고 css부분을 올립니다.
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
-
꽃은별 2025-07-22
님말씀데로 css를 올려놨습니다. 근데 제가 .ui-corner-all 의 radius를 0으로 바꿔봐도 ie6에선 꿈쩍도안하네요. 이곳저곳에 border 0을 줘봐도 꿈쩍없고...
제 개인적인 생각으로도 괜히 복잡하게 css를 늘리고 길게 class명을 중첩해서 쓰느니 이미지로 처리하는게 현명하다는 생각입니다. 다른사람이 고치기엔 영 아니네요..^^ -
뽀야 2025-07-22
퍼스나콘 바뀌었네요 ^.
-
잎새 2025-07-22
사이즈가 가변적인 반복 상황에서는 css3가 효과적일수도 있는데 저런 고정 상황이라면 gif 이미지 1개로 bg처리 해주어도 전체적인 퍼포먼스에 별다른 영향도 없고 여러 브라우저에서 동일한 효과를 누릴수 있을거 같다는 제 개인적인 생각입니다 ^^;
문제점에 대해선 해당 radius를 입히신 css라도 보여주셔야 될것같네요 ^^;; 보통은 css3 처리가 안되면 둥근 효과만 안먹고 실선으로 나오던데 말이죠