谷歌地图 API 和背景附件：修复了 webkit 浏览器中的问题

Question

我在连接 Google Map api v3 时遇到问题。

我有 3 个具有background-attachment:fixed属性的元素。 如果地图连接这些元素的背景不会在滚动时更新，则仅当某些 css 属性将使用 js 或 devtool 更改时。

没有带有-webkit-backface-visibility: hidden;父元素-webkit-backface-visibility: hidden;

网站基于定制的themeforest模板Urip！！

截图链接

UPD：地图父容器具有属性position: fixed 。 地图具有属性transform: translateZ(0px); . 我发现如果关闭这些属性，背景工作正常。 但是如果地图出现在窗口中，错误就会回来。 所以问题是在窗口中同时出现背景固定元素和地图。

任何人都可以帮我修复它吗？

Answer 1

解决方案是设置每个 div（除了带有transform: matrix( ... ) div transform: matrix( ... ) ）

transform: none !important;

代码结果：

#map, #map > *, 
#map > .gm-style > div:not(:first-child), 
#map > .gm-style > div:not(:first-child) div, 
#map > .gm-style > div:first-child > div:nth-child(2), 
#map > .gm-style > div > div div{
  transform: none !important;
}

希望它会帮助某人