2010-07-12 210 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应用到它的后代。

再一次,我不知道为什么这是,但如果我想尝试和了解微软我会自杀。这是我的一个幸运的猜测,我希望它能帮助别人。