Css 当带有Flash的iframe在页面上时,Webkit字体平滑错误。附近有工作吗?

Css 当带有Flash的iframe在页面上时,Webkit字体平滑错误。附近有工作吗?,css,text,webkit,font-smoothing,Css,Text,Webkit,Font Smoothing,我在Mac上的Chrome和Safari上遇到了一个讨厌的bug。它似乎与字体平滑以及页面是否有内部带有Flash的iframe有关 当我删除iframe时,文本看起来像是设置为字体平滑:亚像素抗锯齿(浏览器默认)。但是当iframe在页面上时(其中运行Flash),文本似乎被设置为字体平滑:抗锯齿 这方面有什么办法吗?请看下面的截图 我想我找到了一个“好”的解决方案。我有一个div,它稍微重叠了一个iframe,iframe里面有Flash。那个重叠的div把字体平滑搞砸了。为了修复它,我只

我在Mac上的Chrome和Safari上遇到了一个讨厌的bug。它似乎与字体平滑以及页面是否有内部带有Flash的iframe有关

当我删除iframe时,文本看起来像是设置为
字体平滑:亚像素抗锯齿
(浏览器默认)。但是当iframe在页面上时(其中运行Flash),文本似乎被设置为
字体平滑:抗锯齿

这方面有什么办法吗?请看下面的截图


我想我找到了一个“好”的解决方案。我有一个div,它稍微重叠了一个iframe,iframe里面有Flash。那个重叠的div把字体平滑搞砸了。为了修复它,我只需要在iframe和重叠div上放置z-index。为了使它工作,iframe必须位于div的顶部(更高的z-index)。在上面的示例中,似乎没有任何内容与iframe重叠,但每个元素的边界可能会稍微重叠。您可以使用Safari或Chrome中的web检查器查看它。但是我会先在iframe上添加z-index,然后添加那些破坏了字体平滑的元素。

我也遇到了这个问题,并像这样修复了它:

.video1{位置:相对;高度:338px;宽度:100%;}
.video1>div{位置:绝对;}

然后我将iFrame放在第二个div中。iFrame现在处于绝对定位的div中,在Safari中加载页面时,它不再强制对页面上的文本进行抗锯齿。

屏幕截图很棒,但您有链接吗?如果能检查一下,看看那里是否还有其他情况,那就太好了。