Question

我在悬停版本27.0.1453.110 Chrome Mac OS X时出现问题，但也可能在Windows上。

链接到此处显示 - http://hqm.gr/jam-for-fun-2013-report - 将鼠标悬停在视频库底部菜单

上

谢谢！

Answer 1

我无法理解为什么会这样做，但你需要将-webkit-backface-visibility: hidden添加到正在进行CSS3过渡的元素

（感谢@JugularKill回答found here）

这对我来说特别有趣（至少对我来说）是因为Chrome中的backface-visibility是considered broken/buggy！

因此，在您的特定情况下，解决方案将是：

.videogallery .navCon .navigationThumb {
    ....
    -webkit-backface-visibility:hidden;
    ....
}

Answer 2

iMac上的Chrome 27.0.1453.110上没有模糊。事实上，当鼠标悬停或鼠标移开时，它会将文本高度或大小压缩一秒，但随后会快速恢复正常大小。检查字体/文字大小的定义。

我刚检查了你的css，text-shadow:正在悬停时被应用，但是分为两行：

        .main-navigation a:hover,
        .widget-post.pm-first a:hover,
        .ticker-content a:hover,
        .utilities ul li a:hover,
        .cat-tabs ul li a:hover
        {color:#ffffff; text-shad
        ow: 0px 0px 2px rgba(255, 255, 255, 0.3);}

文本渲染模糊在徘徊在铬

2 个答案: