google-chrome - chome 上的“translate3d”奇怪渲染/使字体看起来不同

Question

我有一张传单地图，它使用-webkit-transform: translate3d.

<div id="map"></div>
<div id="foo">some text</div>

假设我们有上面的代码并且foo位于map. 并且（及其边缘）上foo的所有项目都在某种程度上失去了原来的视图。map例如，文本变得略有不同。如果有一个 divmap在左边框上方有边框，有时（！？）可能会丢失。

这个错误是在我的 OS X chrome 上生成的。Safari似乎可以很好地呈现它。

Answer 1

我-webkit-font-smoothing: antialiased;在html标签上加了，现在好像已经解决了。