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 처리가 안되면 둥근 효과만 안먹고 실선으로 나오던데 말이죠
| 번호 | 제 목 | 글쓴이 | 날짜 |
|---|---|---|---|
| 2702317 | ie6메뉴 보더문제 (3) | VanilLa | 2025-07-22 |
| 2702287 | c++ 변수 중간값 뽑아내서 비교하는 법 | 헛장사 | 2025-07-21 |
| 2702258 | AS2,0 함수에서 매개변수의 타입이 각각 다를때는? (5) | 하림 | 2025-07-21 |
| 2702228 | 이 표현은 무엇인지... 몰라서요. (2) | 도란도란 | 2025-07-21 |
| 2702197 | dll 인젝션 사용법좀 알려주세요 | 새밝 | 2025-07-21 |
| 2702147 | dd 안에 div들어가도 되나요? (8) | 꿈 | 2025-07-20 |
| 2702086 | [질문]세션 박스 질문입니다. (1) | 하연 | 2025-07-20 |
| 2702057 | 씨언어 숙재좀 풀어주실분 ㅜ.ㅜ (3) | 난슬 | 2025-07-19 |
| 2702000 | select 사용시 label 문제 질문드립니다. | 김예쁨 | 2025-07-19 |
| 2701970 | 실행파일의 이름은 어디서 변경하는지요???? | 호빵녀 | 2025-07-19 |
| 2701856 | 다시 한번 대체텍스트 관련 질문입니다.. (1) | 한샘가온 | 2025-07-18 |
| 2701803 | 저에게 지식의 자비를~ 베푸소서~!! (4) | 봄바람 | 2025-07-17 |
| 2701773 | 메모장 파일을 읽고 출력하는 내용에 관한 질문입니다. | 한국드립 | 2025-07-17 |
| 2701748 | 아이피 변경 부분이요... | 날애 | 2025-07-17 |
| 2701665 | 자바스크립트 // 왜 if 두개를 쓰면 오류가 나죠? (2) | 글리슨 | 2025-07-16 |
| 2701636 | 모바일웹 게시판 만들기 조언좀 부탁드려요 ㅜㅜ (2) | 정훈 | 2025-07-16 |
| 2701610 | [질문] AS3 액션으로 스테이지 사이즈를 조절할 수 있는 방법이 있을까요? (1) | 앵겨쪼 | 2025-07-15 |
| 2701556 | input text에 한글을 default 하려면.. (3) | 히나 | 2025-07-15 |
| 2701528 | apmsetup 접속이.... (5) | 곰돌이 | 2025-07-15 |
| 2701506 | 암호를 *로 (6) | 도도한 | 2025-07-14 |