'translate3d'对chrome / make字体的奇怪渲染看起来不同

时间:2012-12-09 14:39:16

标签: google-chrome webkit leaflet translate3d

我有一张使用-webkit-transform: translate3d的传单地图。

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

假设我们有上述代码,而foo位于map之上。 foo以及map(及其边距)上的所有项目都有点失去了原始视图。例如,文本略有不同。如果有一个边框超过map的div,则左边框有时会(!?)丢失。

这个错误是在我的OS X chrome上生成的。 Safari似乎很好。

1 个答案:

答案 0 :(得分:0)

我在html标签上添加了-webkit-font-smoothing: antialiased;,现在似乎已经解决了。