如何将div放在另一个div中的图像上方？

Question

如何在此横幅的中心放置带有文字，徽标或更多内容的div，例如示例？

<div class="banner">     
  <img src="img/banner2.jpg" width="100%" alt="Nasajon Sistemas">
</div>

示例：

我的页面

Answer 1

这里有一个可以满足您需求的例子：

where

https://jsfiddle.net/alexcuria/uunwbqyb/