为什么我的文字会闪烁?

时间:2012-08-07 03:42:38

标签: html css html5 animation css3

我构建了这个网站Pineapple tutorials,我想要一个固定的标题(黑条)。

现在,由于这个问题,它没有修复,但您可以使用chrome检查器或firebug来模仿它,然后选择.header(黑条)

分配以下属性

position: fixed;
width: 100%;
z-index: 9999;

现在,当它全部设置为固定时,慢慢滚动页面并观察文本,因为它翻过搜索框...它应该淡出到看起来很好看的奇怪文本。

我不知道是不是因为

A)我在黑条上使用@ font-face

B)我有一个css3动画徽标(鼠标悬停在徽标上)。我注意到这会导致一些奇怪的故障,因为它的动画效果(如果你看一下我网站上最正确的描述,你可以看到文字略微剥落作为它的动画)

任何想法都会很棒,谢谢!

编辑:我在最新版本的chrome beta中注意到了这一点

2 个答案:

答案 0 :(得分:1)

我没有闪烁。获取闪烁是您的浏览器,操作系统,GPU和其他功能的一个功能。

我曾经一直从位置固定元素中获得闪烁,但是对于我的新浏览器,我没有。 (我非常讨厌他们,我安装了一个扩展程序,让我摆脱我不想要的元素。)

你无能为力。只是尝试确定标题栏 REALLY 是否需要一直在那里。

在我看来,绝对不是!这些信息不是你经常需要的东西。如果人们想要常见问题等,他们可以向上滚动。它看起来不错,是的,但没有必要。

答案 1 :(得分:1)

我无法在Chrome Inspector中重现该问题。它是否可能是本地机器问题?我之前看过这个特定的视频卡(和驱动程序),当我在另一台机器上试用时,问题就不存在了。