Css Chrome和Google地图的z索引堆叠问题

我正在开发一个带有“停靠”标题的网站的测试版。当访问者向下滚动页面时，页眉锁定到位，页面内容在页眉下滑动

这在以下内容页上非常有效：

但不适用于上面有谷歌地图的页面，如下所示：

您可能需要减小视口大小，以便将页面向下滚动足够远

这似乎只发生在Chrome上。它在Safari 5、Firefox 23、Opera 15甚至InternetExplorer 9上都能正常工作

使用Web Developer查看Chrome中的页面时，会显示所有正确的堆栈级别，主内容的z索引设置为1，而标题和导航设置为99/999/9999

---

如果您有任何想法，我们将不胜感激-我已经遇到了困难。

解决方案：

我相信让您的

#header container

元素保持不变，而不是子

header

元素本身，将解决您的问题。我不会假装完全理解

说明：

由于谷歌在地图中使用3d变换，您的布局正在崩溃

tl；医生：

---

3d转换使浏览器无法确定受影响元素的堆叠顺序。

解决方案：

我相信让您的

#header container

元素保持不变，而不是子

header

元素本身，将解决您的问题。我不会假装完全理解

说明：

由于谷歌在地图中使用3d变换，您的布局正在崩溃

tl；医生：

---

3d变换使浏览器无法确定受影响元素的堆叠顺序。

谢谢Shawn。我仍在努力解决如何在嵌入上禁用谷歌地图的3D功能。啊-使用静态地图API：谢谢Shawn。我仍在努力解决如何在嵌入式上禁用谷歌地图的3D功能。啊-使用静态地图API：你有没有想过？我遇到了类似的问题@user2559519-不幸的是不是。它渐渐地吸走了我想离开的意愿，所以我想出了一个半途而废的办法，就这样了。哦。解决办法是什么？我的处境也一样。似乎没人知道出了什么事。对我来说，任何带有停靠头的iframe/embed都会发生这种情况。你知道吗？我遇到了类似的问题@user2559519-不幸的是不是。它渐渐地吸走了我想离开的意愿，所以我想出了一个半途而废的办法，就这样了。哦。解决办法是什么？我的处境也一样。似乎没人知道出了什么事。对我来说，任何带有停靠头的iframe/embed都会发生这种情况。