因为你没有在正确的地方应用CSS。你应该在<div>中应用你的透明背景，类为pannel Default。
Here is the running Example:
以下是示例：

<div class="panel panel-default" style='background:transparent'>
<div class="panel-heading" role="tab" id="headingOne">
  <h4 class="panel-title">
    <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
      Collapsible Group Item #1
    </a>
  </h4>
</div>

我已经写了内联CSS只是为了举例说明。但不要去与它。要使永久的效果导航到您的引导CSS文件，并更改此行

.panel{
    background-color:#fff;
  }

到这个

.panel{
    background-color:transparent;
  }

它将使所有面板的背景透明。

此外，永远不要忘记使用！重要。

background-color:transparent !important;