jQuery UI 아코디언 위젯을 사용하고 모든 항목 사이에 약간의 공간이 있습니다. 문제는 IE 에서 항목을 슬라이드하면 잘 슬라이드되지만 항목과 위쪽 항목 사이의 공백이 제거된다는 것입니다. 그것은 FF와 다른 브라우저에서 잘 작동합니다. alt text http://img208.imageshack.us/img208/5074/along.jpgjQuery UI 아코디언 문제
해당 항목에 마우스를 올려 놓으면 해당 공간이 생깁니다.
HTML5 doctype을 사용하지만 다른 doctypes에서도 작동하지 않습니다.
감사합니다.
편집 : 여기에 live example이 있습니다.
margin-bottom:5px;을 .ui-accordion-header에 사용해보세요.
이렇게하면 열린 헤더와 내용 사이에 간격이 생기지 만 여백을 .ui-accordion-header.ui-state-active에서 제거하고 .ui-accordion-content-active에 적용하여 해결할 수 있습니다. 조정이 조금 필요할 수 있습니다
.ui-accordion-header {
margin-bottom:5px;
}
.ui-accordion-header.ui-state-active {
margin-bottom:0;
}
.ui-accordion-content-active {
margin-bottom:5px;
}
을하지만 대부분이 당신을 얻을해야합니다
그래서 CSS는 다음과 같을 것입니다.
나는 똑같은 문제가있었습니다. 마진이 적용된 요소의 방향이 오른쪽에서 왼쪽 일 때만 발생하는 이상한 버그입니다. 나를 위해 일한 솔루션은 direction: ltr을주고 그 후손에게 direction: rtl을 적용하는 것입니다.
다시 말하지만, 왜 그런지는 모르겠지만, 내가 마이크로 소프트를 이해하려고 노력한다면, 나는 자신을 죽일 것입니다. 내 입장에서는 운이 좋은 추측이었고 다른 사람에게 도움이되기를 바랍니다.
어떻게 그 공간을 처음에 추가합니까? 마진? 위/아래? 어떤 클래스/요소에? –
'margin : 5px 0 0;'.ui-accordion .ui-accordion-header' –
안녕하세요, 실례를 업로드했습니다. –