在 Safari / Mac 的页面上嵌入谷歌地图时出现奇怪的重绘（？）问题

Question

我有一个 HTM5 布局，一页上有大约 8 个 <section> 标签。主菜单只是指向页面上每个部分的锚链接。每个部分都以 100% 的宽度和高度填充浏览器窗口，因此当您单击菜单链接时，看起来好像您正在“滑入”下一页，但实际上它只是一个长页面。所有部分都设置为position: relative，所以我绝对可以在其中定位其他元素。

在第 3 部分中，我嵌入了一个谷歌地图作为背景，其宽度和高度为 100%，z-index 为 1。我在其上放置了一些文本，z-index 为 2。本节中的所有内容都运行良好，但由于某种原因，当地图加载时，它会影响地图部分之后的所有部分。我真的不知道如何最好地解释，但这几乎就像所有以下部分的重绘问题。背景（所有部分都有大背景）要么没有出现，要么有奇怪的缺失块。我附上了一张截图来说明发生了什么。

如果我不启动地图，它就不会发生。我什至尝试在 10 秒后设置超时来初始化地图。所有部分都完美加载，然后当地图在 10 秒后加载时，所有后续部分的背景都消失了。

有人知道会发生什么吗？

如果需要进一步解释，请告诉我。

这是该页面的临时链接：http://www.adlucent.com/crrs/

Answer 1

我遇到了同样的问题，不久前用户 polo 发布了此修复程序。它在我的网站上运行并解决了问题

将此添加到您的 CSS 中

* {
    -webkit-font-smoothing: subpixel-antialiased !important;
    -webkit-transform: none !important;
  }