ブートストラップ ".panel-heading" opacity？

Question

私は、Bootstrap Panel-Headingを透明に設定しようとしています。
Zインデックスのため、私はそれを行う方法を理解することはできません。

パネル見出しは、パネルのデフォルトの上に表示されます。

HTML

<div class="panel panel-default"> 
    <div class="panel-heading"></div> 
    <div class="panel-body"></div> 
</div> 

CSSは

.panel-default{ 
    background: rgba(255, 255, 255, 0.9); 
} 
.panel-default .panel-heading{ 
    background: rgba(255, 255, 255, 0.0); 
} 
.panel-default .panel-body{ 
    background: rgba(255, 255, 255, 0.95); 
} 

私は、全体のパネル（パネル-デフォルト）透明、
を作ってみました、その後、体に白い色を与えてきました。ここで問題となるのは、パネル本体が見出しの下のスペース全体をカバーしていないことです。私はちょうど私がいくつかのコンテンツ/テキストを持っている白い部分を持っています。

私がパネルのデフォルトを真っ白にすると、私は透明なパネル見出しでそれを "得ることができません"。見出しはパネルのデフォルトであるため、デフォルトです。

UPDATE
だから私の問題は、私は見出しが透明になりたいということですが、体が固体であることを。パネル見出しの下の全空間をカバーするボディ。

EDITは、私は100％にパネル体のための高さを設定しようとしたが、それはまだパネル-見出しの下の空間全体をカバーしていません。

私は、パネルのデフォルトの高さを設定していたので、UPPDATE
は、パネル本体AINTカバー全体のスペース上の問題でした。私は代わりにパネル本体の高さを設定していたはずです！

Answer 1

以下のCSSを使用すると、あなたに役立つかもしれません。

CSS

.panel-default{ 
    background: transparent; 
} 
.panel-default .panel-heading{ 
    background: transparent; 
} 
.panel-default .panel-body{ 
    background: #fff; 
}