如何重疊兩個div與透明度

Question

我有兩個div我想重疊。 Div A包含一個Google Map，並且div B是一個加載指示符，我希望在進行一些更改和地圖重新加載時顯示。

我想做到的是：

我目前得到的是這樣（沒有顯示在所有的div B）：

這裏是我的代碼m使用：

<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爲「B」的div