Ich habe gepflücktDieses kostenlose Bootstrap-Theme, und mein problem ist, dass ich transparente paneele erstellen möchte, aber wenn ich das einstelleopacity: 0.8; der text im panel wird natürlich transparent, was ich nicht gerne machen würde. Ich habe versucht, diesen CSS-Code zu verwenden, aber es sieht so aus, als ob sich noch etwas hinter der Überschrift und dem Textkörper befindet und das Bedienfeld nicht transparent wird.

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

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

EDIT - Beispiel 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>