是什么导致我的Jquery手风琴内出现这个白色框？

所以，我已经完成了一个相当基本的Jquery手风琴，但就我的一生而言，我无法找出是什么原因导致了我手风琴内容中的这个白色框

为了便于访问我的代码，我将在这里发布我的JSFIDLE链接

我相信你们中的一个人会在几秒钟内完成它，我只是JQUERY的初学者

谢谢

HTML

<div id="accordion">

<h3>This is a test<h3>
    <div>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed libero metus, aliquet vel euismod id, mattis sed quam. Nulla interdum leo adipiscing enim commodo hendrerit vel vitae lectus. Vivamus vehicula orci ac leo luctus ac egestas purus eleifend. Vivamus ac mauris risus, quis tempor massa. .</p>
    </div>
</div> <b>This text moves down with ACCORDION</b> 

CSS

#accordion {

    width: 400px;

}

#accordion .ui-accordion-content > * {

    margin: 0px;

}

#accordion .ui-accordion-content {

    width: 100%;

    background-color: #777;

    color: #000;

    border: none;

    font-size: 10pt;

    line-height: 15pt;

}

#accordion .ui-accordion-content a {

    color: #777;

}

#accordion .ui-accordion-header {

    background-color: #ccc;

    margin-left: auto;

    margin-right: auto;

    border: #fff;

}

#accordion .ui-accordion-header {

    background-color: #fff;

    background-image: -moz-linear-gradient(top, #fff 0%, #fff 100%);

    /* FF3.6+ */

    background-image: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%, #fff), color-stop(100%, #fff));

    /* Chrome,Safari4+ */

    background-image: -webkit-linear-gradient(top, #fff 0%, #fff 100%);

    /* Chrome10+,Safari5.1+ */

    background-image: -o-linear-gradient(top, #fff 0%, #fff 100%);

    /* Opera 11.10+ */

    background-image: -ms-linear-gradient(top, #fff 0%, #fff 100%);

    /* IE10+ */

    background-image: linear-gradient(to bottombottom, #fff 0%, #fff 100%);

    /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa9300', endColorstr='#dc621e', GradientType=0);

    /* IE6-9 */

---

}

在您选择的浏览器中使用检查工具，您将能够跟踪CSS属性

这通常是CSS调试的方式

.ui-widget-content {
    border: 1px solid rgb(170, 170, 170);
    background: url("images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% rgb(255, 255, 255);
    color: rgb(34, 34, 34);
}

这似乎导致了您的问题：

background: url("images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% rgb(255, 255, 255);

但如果图像不可用：

background: rgb(255, 255, 255);

---

强制浏览器将背景颜色解释为白色，这是CSS

background

属性的公认参数。

从JSFIDLE复制代码并粘贴到问题中，链接到它是不够的。这就是代码要求背后的目的。因为您的问题没有代码，所以当JSFIDLE关闭时，或者在出于任何原因无法访问它的网络中，它是完全无用的。这不是一个透明的PNG。修复了代码，我是指内容部分ahren，谢谢。感谢您提出这个问题，这似乎确实引起了我的问题，这是Jquery内置的吗？这很奇怪，因为它不是我代码的一部分。@Colin我会使用字符串搜索

rgb（255，255，255）

或

#FFF

在您正在使用的手风琴库中，删除样式属性不会造成任何伤害。啊，我只是在JSFIDLE上使用Jquery 1.9.1对其进行测试，所以当我现场直播时，我相信这不应该发生？@Colin第一个问题是背景图像不可用。背景色

#FFF

是备用颜色。如果这些属性被注入到DOM中，则这是您正在使用的库的操作。当我说图书馆时，我指的是滑块图书馆。哎呀，我可以看出这是多么的不清楚：）

background: rgb(255, 255, 255);