当iframe用于嵌入Flash内容时,Webkit字体呈现

Question

如果您使用的是Mac,请参阅http://jsfiddle.net/CVwXV/2/.

当您在Mac上的Chrome或Safari(webkit)上查看此内容时,文本会跳到更浅的阴影/颜色.

在mac上的firefox上很好.

如果您删除html中包含youtube视频的第二个ARTICLE并再次运行,它会在webkit中呈现.

有任何想法吗？这肯定不仅仅是我的机器这样做.

谢谢.

编辑:似乎与抗锯齿有关.http://jsfiddle.net/CVwXV/3/ 如果我这样做..

-webkit-font-smoothing: antialiased !important;
font-smoothing: antialiased !important;

然后没有跳跃...但它看起来仍然有很多不同的firefox和chrome.左边是FF,右边是Chrome.

Answer 1

好吧，我也遇到了同样的问题，我想我找到了一个“好的”解决方案。我有一个 div 稍微重叠了一个 iframe，里面有 Flash。那个重叠的 div 的字体平滑搞砸了。为了解决这个问题，我只需要添加z-indexiframe 和重叠的 div 即可。为了使其工作，iframe 必须位于 div 之上（更高z-index）。在上面的示例中，似乎没有任何内容与 iframe 重叠，但每个元素的边界可能会稍微重叠。您可以使用 Safari 或 Chrome 中的网络检查器来查看它。但我首先要放置z-indexiframe 和扰乱字体平滑的元素。