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的背景......无论是什么。

Answer 2

background-color: #000000不会使背景透明，只会将background-color设置为black。

您可以使用以下三种方法之一：

background-color: transparent - 将背景颜色设置为透明

background-color: rgba(0, 0, 0, 0) - 最后0套opacity到0

opacity: 0 - 这会将整个div的opacity设置为0

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

2 个答案: