2つのdivを透明にオーバーラップする方法

Question

2つのdivが重複しています。 Div AにはGoogleマップが含まれており、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

id = "B"のdivにwidth: 100%を入力してください。