Google Map v3使用水平灰线初始化w/Foundation中的Chrome

Question

似乎与CSS相关,因为在简单的HTML页面中初始化地图可以正常工作.我已经添加了建议的CSS来修复已知问题(如下),但似乎无法摆脱这一点.

#map {
    *, *:before, *:after {
        -moz-box-sizing: content-box!important;
        -webkit-box-sizing: content-box!important;
        box-sizing: content-box!important;
    }
    img {
        max-width: none;
        height: auto;
    }
    label {
        width: auto;
        display: inline;
    }
}

Answer 1

对于其他寻找此bug的临时解决方案的人:

CSS

.map *, .map *:before, .map *:after {
    -webkit-transform: none !important; 
}

上海社会科学院

.map {
  *, *:before, *:after {    
    -webkit-transform: none!important;
  }  
}

Answer 2

似乎它与以下内容有关，谷歌将其内联添加到图像中：

-webkit-transform: translateZ(0px)

最后将范围缩小到 h 标签。如果我删除所有 h 标签（h1、h2 等），灰线就会消失。所以，这似乎是一个 Chrome 错误（v 34.0.1847.116）。