手风琴中间的白色 - JQuery答案

【问题标题】：White in middle of Accordion - JQuery手风琴中间的白色 - JQuery
【发布时间】：2014-02-04 02:16:37
【问题描述】：

为什么我的手风琴内容中间有一个巨大的空白？

这就是我的 .css 的方式，除了中间的空白之外，它完全可以工作。

#accordion .ui-accordion-content {
    background-color: #dcaf4d;
    color: #42dc86;
    font-size: 12pt;
}

这是一个空白的例子：

http://jsfiddle.net/bQ5Gd/5/

在你问之前，What is causing this white box inside my Jquery Accordion? 并没有解决问题。

【问题讨论】：

标签： php jquery html css accordion

【解决方案1】：

这是由这个引起的：

.ui-widget-content {
  border: 1px solid #AAA/*{borderColorContent}*/;
  background: #FFF/*{bgColorContent} url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
}

它在 jquery-ui.css 文件的第 246 行附近。

另一种方法是更改您自己的 CSS。尝试改变这个：

#accordion .ui-accordion-content {
    background-color: #777;
}

到这里：

#accordion .ui-accordion-content {
    background: #777;
}

【讨论】：

?我的代码中没有，上面发布的小提琴中也没有。
我正在像这样使用我的 jquery：我将如何解决这个问题？
它在 jquery-us.css 文件中，并且确实出现在您的小提琴中。在那个手风琴盒上打开你的网络检查器，你会看到它。 :-)
感谢您发现问题。关于修复的任何想法？
您可以深入 jquery-ui.css 文件并进行更改，或者在您自己的样式表中覆盖它。

【解决方案2】：

这是因为默认背景是由背景图像分配的，所以将其设置为无应该可以解决它

#accordion .ui-accordion-content {
    background-image: none;
    width: 100%;
    background-color: #777;
    color: #000;
    border: none;
    font-size: 10pt;
    line-height: 15pt;
}

演示：Fiddle

【讨论】：

砰！我欠一个阿伦！太容易了！刚刚添加背景图像：无；一切都很完美！谢谢！
实际上决定使用 ralph 的去除 -color 的修复。谢谢你！！