背景透明不起作用

Question

您可以看看this demo，讓我知道爲什麼 background-color: transparent;的CSS規則不能在引導面板主體上運行？

#collapseOne .panel-body { background-color: transparent; } 
.panel-body { background-color: transparent; } 

Answer 1

因爲你不應用在正確的地方的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只是舉例，以show.But不會去用它。 要進行永久效果瀏覽到您的引導CSS文件和改變這一行

.panel{ 
    background-color:#fff; 
    } 

這一個

.panel{ 
    background-color:transparent; 
    } 

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