2010-07-12 237 views
4

我使用jQuery UI手風琴小部件,並在每個項目之間有一定的空間。問題是,在IE 中,當您滑動某個項目時,它可以很好地滑動,但會消除它與上方項目之間的空間。不過,它在FF和其他瀏覽器中效果很好。 alt text http://img208.imageshack.us/img208/5074/along.jpgjQuery UI手風琴問題

當我用鼠標在那個項目上時,它創建了那個空間。

我使用HTML5文檔類型,但它不能與其他文檔類型一起使用。

謝謝。

編輯:這是live example

+0

如何在首位添加空間?保證金?頂部/底部?在什麼類/元素? – 2010-07-12 15:32:33

+0

'margin:5px 0 0;'in'.ui-accordion .ui-accordion-header' – 2010-07-12 15:34:00

+0

嗨,上傳了一個實例。 – 2010-07-12 15:38:35

回答

3

嘗試應用margin-bottom:5px;.ui-accordion-header

這將導致打開的標題和它的內容之間存在差距,但是您可以通過刪除.ui-accordion-header.ui-state-active上的邊距並將其應用於.ui-accordion-content-active來解決該問題。

所以你的CSS是這樣的:

.ui-accordion-header {
margin-bottom:5px;
}
.ui-accordion-header.ui-state-active {
margin-bottom:0;
}
.ui-accordion-content-active {
margin-bottom:5px;
}

這可能需要一些調整,但應該讓你大多存在。

0

我有同樣的問題,這是一個奇怪的錯誤,只發生在元素邊距被應用到的方向是正確的左側。對我來說,解決方案是給它direction: ltr,然後將direction: rtl應用到它的後代。

再一次,我不知道爲什麼這是,但如果我想嘗試和了解微軟我會自殺。這是我的一個幸運的猜測,我希望它能幫助別人。