如何用透明度重叠两个div

Question

我想要重叠两个div。 Div A包含一个Google Map，div B是我想在进行一些更改并重新加载地图时显示的加载指示符。

我想要完成的是：

我目前得到的是这个（div B根本没有显示）：

这是我正在使用的代码：

<div class="col-md-8 col-sm-8 full-height no-padding">
    <div class="full-height" style="position: relative">
        <div id="B" class="full-height" style="background-color: blue; opacity: 0.5; position: absolute; top: 0px; left: 0px; z-index: 99;"></div>
        <div id="A" class="full-height"></div>
    </div>
</div>

我尝试了其他一些内容，例如this和this，但它们似乎没有用，可能是因为我使用的是Bootstrap和height: 100%;。我做错了什么？

Answer 1

请尝试将width: 100%提供给ID =＆＃34; B＆＃34;

的div