google 地图 z-index 问题

Question

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

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

滚动到底部，找到 google 地图，在 div #wpgmza_map 里面 有一个叠加层 div 为地图创建蓝色色调，然后是另一个 div（.container 内的.details-box）应该位于地图和叠加层之上。

当前叠加层正在运行，但详细信息框出现了一些奇怪的情况，背景在 google 地图下方，但内容位于顶部（仍在叠加层下方）。

据我所知，我的 z-index 是正确的，但它不正常。任何想法为什么？或者我该如何解决？

Answer 1

根据w3school：

Note: z-index only works on positioned elements (position:absolute, position:relative, or position:fixed).

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

的位置

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