javascript - 在 Bootstrap 模式中使特定的 div 背景透明

Question

这是我的 HTML (Bootstrap) 文档:

<div modal="showModal" close="cancel()">
    <div class="modal-header text-center">
        <h2>Members who shortlisted you </h2>
    </div>
    <div class="modal-body">
        <img src="kitty.jpg"/>
    </div>
    <div class="modal-footer">
      <button class="btn btn-success" ng-click="ok()">Okay</button>
      <button class="btn" ng-click="cancel()">Cancel</button>
    </div>
</div>

我想使模态标题部分的背景透明，以便我可以看到弹出窗口后面的文本和图像。我已经尝试过以下 CSS:

.modal-header {
    background-color: #000000;
}

但它不起作用，如果有人能帮助我那就太好了

Answer 1

background-color: #000000; 不透明。

尝试background-color:transparent(这是默认设置)。

或者 :background-color:rgba(0,0,0,0)。

但是你应该注意，这只会显示父 div 的背景......无论那是什么。