Google地图API v3上的黑色块

Question

嵌入式Google地图存在问题。我正在使用API​​ v3，由于某种原因，黑色块会在地图控件和标记后面呈现。

这是截图：

我只有HTML5医生重置样式表，还有一些非常简单的自定义样式用于布局和排版。当我刷新页面整个地图眨眼片刻然后呈现黑色块时。

这是codepen，但由于某种原因，地图不会显示在那里。我已将其标记为：[GOOGLE MAP]，因此更容易找到。 http://codepen.io/Jinx/pen/bcrpn

[UPDATE]

我创建了新的html，除了地图div元素之外没有任何内容，并且包含了原始html中的所有脚本和css文件，并且地图正常工作。

这让我感到困惑，因为看起来这个错误是由于地图周围的HTML造成的？

[UPDATE2]

我有地图在代码笔上渲染但它没有控件也没有标记。本地版本的结果仍然相同。

可能因为我在本地工作吗？

[UPDATE3]

我刚刚检查了Firefox，Internet Explorer 9，Opera和Safari，并且地图呈现完美。这似乎是 Chrome错误。

另外，我注意到chrome正在从浏览器窗口可见区域偏移所有元素框。这是一个截图。

其他浏览器中的检查员通常会显示方框。

Answer 1

这似乎确实是 Chrome bug 。我刚刚复制了我的项目文件夹，并从那里打开了index.html，一切都很好。

我想这是一些缓存问题/错误。

Answer 2

它是黑色的，因为您有一种CSS样式，将其设置为黑色，并且颜色或图像是继承的。检查您的CSS是#000000的背景颜色还是url()的图片。