jQuery UI 手风琴问题

Question

我使用 jQuery UI 手风琴小部件，每个项目之间都有一些空间。问题是，在 IE 8 中，当您滑动某个项目时，它可以很好地滑动，但会消除它与向上的项目之间的空间。不过，它在 FF 和其他浏览器中运行良好。

然而，当我将鼠标悬停在该项目上时，它会创建该空间。

我使用 HTML5 文档类型，但它也不适用于其他文档类型。

谢谢。

编辑：这是一个实例。

Answer 1

尝试将 margin-bottom:5px; 应用于 .ui-accordion-header。

这将导致打开的标头与其内容之间出现间隙，但您可以通过删除 .ui-accordion-header.ui-state-active 上的边距并将其应用到 来修复该问题。 ui-accordion-content-active 相反。

所以你的 css 看起来像这样：


.ui-accordion-header {
下边距：5px;
}
.ui-accordion-header.ui-state-active {
下边距:0;
}
.ui-accordion-content-active {
下边距：5px;
}


这可能需要一些调整，但应该可以让你大部分完成。

Answer 2

我遇到了同样的问题，这是一个奇怪的错误，仅当应用边距的元素的方向是从右到左时才会发生。对我有用的解决方案是给它 direction: ltr ，然后将 direction: rtl 应用于它的后代。

再说一次，我不知道这是为什么，但如果我尝试了解微软，我会自杀。这对我来说是一个幸运的猜测，我希望它对其他人有帮助。