谷歌地图z-index问题

Question

我知道发布到网站的链接被认为是错误的，我们应该解释这个问题，但实际上我真的不知道问题是什么。我以前从未经历过这样的事情。

页： http://chefs2call.co.uk.gridhosted.co.uk/

滚动到底部，在div #wpgmza_map中找到谷歌地图 有一个叠加div为地图创建一个蓝色色调，然后是另一个div（.details-box in.cconiner），它应位于地图和叠加层的顶部。

目前叠加功能正在运行，但详细信息框正在做一些奇怪的事情，背景是谷歌地图不足，但内容是在顶部（仍在叠加层下）。

据我所知，我的z-index是正确的，但它不是在打球。有什么想法吗？或者我如何解决它？

Answer 1

根据w3school：

  

注意：z-index仅适用于定位元素（位置：绝对值，   position：relative，或position：fixed）。

所以给出相对于.contact-us .container

的位置

.contact-us .container {
    z-index: 10;
    position: relative;
}