Bootstrap“.panel-heading”不透明度？

Question

所以，我试图将Bootstrap Panel-Heading设置为透明 由于z-index我无法弄清楚如何去做。

面板标题位于面板默认值的顶部。

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);
}

我试图让整个面板（面板默认）透明，
然后给身体一个白色。这里的问题是面板体不覆盖标题下方的整个空间。我只有一个白色区域，我有一些内容/文字。

如果我使面板默认为纯白色，我无法通过透明面板标题“通过”它。因为标题位于面板默认值的顶部。

更新
所以我的问题是，我希望标题是透明的，但身体要坚实。和身体覆盖面板下方的整个空间。

修改
我试图将面板体的高度设置为100％，但它仍未覆盖面板标题下方的整个空间。

UPPDATE
面板体上的问题覆盖整个空间是因为我设置了面板默认高度。我应该设置面板 - 身体高度！

Answer 1

使用下面的CSS，可能对你有帮助。

CSS

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