jQuery UI手风琴问题

Question

我使用jQuery UI手风琴小部件，在每个项目之间都有一些空间。问题是，在IE 8中，当您滑动一个项目时，它可以正常滑动，但会删除它与上一个项目之间的空间。尽管在Firefox和其他浏览器中运行良好。 然而，当我用鼠标悬停在该项目上时，它会创建那个空间。

我使用HTML5 doctype，但它也不能与其他doctype一起使用。

谢谢。 编辑：这里是一个实时示例。

- Alon Gubkin

---

你怎么在第一行添加空格？边距？顶部/底部？在哪个类/元素上？ - Gabriele Petrioli

在.ui-accordion .ui-accordion-header中，margin:5px 0 0;的含义是上边距为5像素，左右边距为0。 - Alon Gubkin

它只在IE 8中无法工作。 - Alon Gubkin

Answer 1

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

这将在打开的标题和内容之间产生间隔，但您可以通过从.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;
} 这可能需要一些微调，但应该基本符合您的需求。

- will

Answer 2

我曾经遇到过同样的问题，这是一个奇怪的 bug，只有在元素应用 margin 的方向为从右到左时才会出现。对我有效的解决方案是给它设置 direction: ltr，然后将 direction: rtl 应用于其子元素。

再次强调，我完全不知道为什么会出现这种情况，但如果我试图理解微软，我会自杀的。这只是我的猜测，希望能帮助其他人。

- LobsterMan