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 처리가 안되면 둥근 효과만 안먹고 실선으로 나오던데 말이죠
| 번호 | 제 목 | 글쓴이 | 날짜 |
|---|---|---|---|
| 2752135 | [질문]칼라피커 콘트롤에 특정칼라를 선택된상태로만들려면 어떻게하면되나여? | 널위해 | 2026-10-21 |
| 2752110 | $box.find("img").width()에서 이미지에.. | 해뜰참 | 2026-10-21 |
| 2752024 | 소숫점 뺄셈 !! ㅠㅜ | 초롬 | 2026-10-20 |
| 2751970 | 자바 게임 만들려는데 부탁드립니다 (1) | 라온제나 | 2026-10-19 |
| 2751908 | 자바스크립트 처리속도를 체크할 수 있는 방법 있나요? (1) | 테이 | 2026-10-19 |
| 2751822 | 그누보드 아이프레임으로 구현했는데 제목 클릭해서 들어가면 푸터가 동동...떠다녀요 | 내꺼하자 | 2026-10-18 |
| 2751790 | 자바 그래픽 관련을 공부하고 싶은데요.. 어디 좋은 사이트나 책 없을까요?? (1) | 큰재 | 2026-10-18 |
| 2751733 | CTF가머죠? (5) | 두동 | 2026-10-17 |
| 2751709 | 배열부분 궁금한 부분이있습니다. | 딸기우유 | 2026-10-17 |
| 2751677 | 포인터 책을 보다가,,, (2) | 동백 | 2026-10-17 |
| 2751648 | 익스플로 버전에 따라서 생기는 공백.. (1) | 모아 | 2026-10-17 |
| 2751623 | DEL 태그의에서 선굵기 및 컬러지정이 가능한가 해서요~ (4) | 비치나 | 2026-10-16 |
| 2751573 | 테마 업로드 에러.. (1) | 꽃 | 2026-10-16 |
| 2751548 | 수학? 물리?? (3) | 찬늘 | 2026-10-16 |
| 2751461 | 상단네비 fixed ie6 핵 해결방안이 있을까요? | 맑다 | 2026-10-15 |
| 2751436 | 레이아웃을 잡고 코딩을 하는데 드림위버에서의 결과와 IE에서 결과가 다르게 나오네요. (3) | 키클 | 2026-10-15 |
| 2751403 | 형들좀도와주세요string compression (1) | 알렉산더 | 2026-10-14 |
| 2751349 | 링크 다운로드하기 | 팬지 | 2026-10-14 |
| 2751267 | 플래시8 사용에서 플레이어 만들었는데요 (1) | 블1랙캣 | 2026-10-13 |
| 2751182 | 회원가입 | 파랑새 | 2026-10-12 |