修复当文本超过html5视频时顶部导航栏更改字体粗细的问题- Chrome中的问题
修复当文本超过html5视频时顶部导航栏更改字体粗细的问题- Chrome中的问题
提问于 2012-04-05 11:49:03
我有一个网站，我在当地工作，其中包含一个固定的导航栏和下面的高度为500px的html5视频元素。导航栏中的菜单项看起来像是字体粗细减小或某种类型的-webkit- font -平滑:问题，但只有当视频滚动经过导航栏时，字体才会恢复到正确的粗细。
这只在chrome中发生，在Safari中也发生过，但设法用font:100%；解决了这个问题。
如有任何帮助或建议，我将不胜感激，因为我整天都在寻找答案。非常感谢。
回答 2
Stack Overflow用户
发布于 2013-01-05 05:22:01
当你一次在页面上发生很多事情时，Webkit有时会在实时呈现元素方面遇到问题-特别是在JS中。将此代码添加到CSS中“粘滞”导航的父元素中：
/* Change this to your selector */
.someStickyNavParent {
-webkit-backface-visibility: hidden;
}如果您仍然遇到该元素的子元素的问题，您可以随时使用通用选择器。
/* Change this to your selector */
.someStickyNavParent * {
-webkit-backface-visibility: hidden;
}Stack Overflow用户
发布于 2012-04-20 12:08:40
我也遇到了同样的问题，没有任何解决方案。
我已经尝试更改字体，但如果覆盖视频元素，我测试的所有字体呈现方式都不同。我都没有成功地使用webkit css属性，比如-webkit-font-平滑或-webkit-text-css。
当我做了一些搜索后发现，这似乎是一个关于Google Chrome的已知问题。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10028015
复制相关文章
相似问题
腾讯云开发者
