我正在开发一个有“对接”标题的网站测试版。当访问者向下滚动页面时，标题会锁定到位，页面内容会在标题下滑动。
这适用于以下内容网页：http://www.aride.org.nz/longest-day/how-to-do-the-longest-day-ride/
但是对于那些包含谷歌地图的网页不起作用：http://www.aride.org.nz/longest-day/2013/
您可能需要缩小视口大小，以便可以将页面向下滚动足够远。
这似乎只发生在Chrome上。它在Safari 5，Firefox 23，Opera 15甚至（ugh）Internet Explorer 9上都能正常工作。
使用Web Developer查看Chrome中的页面，显示所有正确的堆栈级别，主要内容设置为1的z-index，而标题和导航则为99/999/9999。
任何想法都会受到赞赏 - 我终于碰到了一堵墙。
答案 0 :(得分：1)
解决方案：
我相信让您的#header-container元素保持固定，而不是子header元素本身，将解决您的问题。与stacking contexts有关，我不会完全理解。
<强>解释
由于Google在地图中使用了3d变换，因此您的布局中断了。 Here's a related question.
tl; dr：
3d变换搞乱了浏览器确定受影响元素的堆叠顺序的能力。