Как сделать блок внутри другого блока, поверх?

Есть блоки А и Б. Блок Б находится внутри А.

<div class='A'>
   <div class='Б'></div>
   <input ...  name='textbox1'>
   <input ... name='textbox2'>
</div>

Как сделать так чтобы блок Б закрывал весь блок А?

Блок Б, по сути, нужен чтобы показать пользователю что идёт загрузка (ajax запрос) и при этом пользователь не должен никуда нажимать в этот момент.