Css 透明引导面板

我已经选择了，我的问题是我想创建透明面板，但是当我设置

opacity:0.8
.panel-transparent .panel-heading{
    background: rgba(122, 130, 136, 0.2)!important;
}

.panel-transparent .panel-body{
    background: rgba(46, 51, 56, 0.2)!important;
}

示例HTML：

<div class="panel panel-primary">
  <div class="panel-heading">
    <h3 class="panel-title">Panel primary</h3>
  </div>
  <div class="panel-body">
    Panel content
  </div>
</div>


面板初级
面板内容
CSS

    body {
        background:#c33;
    }

    .panel-transparent {
        background: none;
    }

    .panel-transparent .panel-heading{
        background: rgba(122, 130, 136, 0.2)!important;
    }

    .panel-transparent .panel-body{
        background: rgba(46, 51, 56, 0.2)!important;
    }

HTML

<div class="panel panel-primary panel-transparent">
  <div class="panel-heading">
    <h3 class="panel-title">Panel primary</h3>
  </div>
  <div class="panel-body">
    Panel content
  </div>
</div>


面板初级
面板内容

.transparent{
背景色：rgba（0,0,0,0.15）；
}
.小组{
背景色：透明；
边界：1px#222；
}


蒂图罗
只需点击上面链接中提到的“bg透明”；

这样的


面板初级
面板内容

一定不要忘记添加引导。
您也可以添加页脚，以防将来使用它
.panel transparent.panel footer{背景：rgba（46,51,56,0.2）！重要；}
这是一条边界线。您应该扩展您的答案，在此处包含尽可能多的信息，并使用该链接仅供参考。
<div class="panel panel-primary">
  <div class="panel-heading">
    <h3 class="panel-title bg-transparent text-dark">Panel primary</h3>
  </div>
  <div class="panel-body bg-transparent text-white">
    Panel content
  </div>
</div>