当文本滚动到flash或jquery谷歌地图时,文本的字体重量会在固定的div中发生变化,为什么以及如何处理？

Question

前一段时间我做了一个固定div作为页面的导航菜单.我注意到文本的字体重量在滚动vimeo flash电影时减少了.

现在我在另一个导航菜单中再次看到它,但这次滚动浏览jquery谷歌地图:http://jorenfrielink.com/beta/

正如您所看到的,当菜单按钮覆盖地图时,它的字体粗细会减少.到目前为止,我已经注意到铬和野生动物园.

这是一个常见的问题,有什么可以做的？

Answer 1

有些东西会导致你的字体平滑变化,像css3动画或变换之类的东西会导致这种变化.尝试将此添加到导航文本中:

-webkit-font-smoothing: subpixel-antialiased;

Answer 2

尝试这个修复：

opacity: 99;

在文字上。

如果这解决了问题，那么您的问题源于 OSX 渲染字体的方式。它针对浅色背景上的深色文本进行了优化，因此当您反转它时会出现奇怪的粗体效果。这种不透明度技巧是一种解决方法，可以使其以标准方式显示，即使它是亮暗的。