Google maps api 3 谷歌地图api v3以非常奇怪的方式影响固定元素

问题的URL:[已删除]

每当我调整窗口大小、滚动页面或将鼠标移到元素上时，我的固定标题都会扭曲。它甚至受到我滚动速度的影响。我发现其他人也有类似的问题，但尝试解决方案并没有解决它

固定元素的CSS：

#header-wrap {
    background: url(/_images/template/wood-background.jpg) no-repeat;
    background-attachment: fixed;
    background-size: 100%;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 56;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .85);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
}

其中一个解决方案要求添加transform属性，该属性在某些时候确实解决了问题。

如果我删除：

background-attachment: fixed;

---

一切似乎都很好

google地图未加载，加载资源失败：服务器响应状态为404 not Foundhttp://mpfoods.dwgreen.com/locations/_scripts/respond.min.jsThat 这不是我的谷歌地图脚本，但谢谢你指出这一点！好吧，虽然它破坏了一些JS，这里是ubuntu/chrome，谷歌地图是完全空的。你是对的。我还没有设置实际的坐标。但我不明白这会如何影响我所说的。我现在要设置一个虚拟坐标。这似乎对我也有用。尽管现在让它保持固定似乎也能起作用。好芬尼基！谢谢你的帮助