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

Question

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

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

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

有人知道会发生什么吗？

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

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

Answer 1

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

将此添加到您的 CSS 中

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