Question

我有一个网站，其中包含以下菜单：hover（与大多数情况一样）。出于某种原因，文本似乎变得模糊，并在悬停时恢复正常。跳跃文本或颜色变化是我可以修复的，因为我知道它的作用，但是现在它变得模糊，像像素化......这里是.menu和：悬停线，请求帮助：/ < / p>

.menu a {
display: block;
color: #fff;
text-transform: uppercase;
text-decoration: none;
font-family: Arial;
font-size: 14px;
}        

.menu li:hover {
text-transform: uppercase;
font-family: Arial;
background-image: url(buttonbg.png);
font-size: 14px;
border: 1px solid #000000;

它不是HOVER边界的嗡嗡声，问题是在我嵌入该功能（边界）之前

Answer 1

感谢Nima，我们找到了两种方法

1st - 将字体更改为渲染较少的字体，并将CSS上的转换时间减少到0.1秒或0.2秒。闪烁变得如此之短以至于几乎看不到它。

.submenu li {
transition: .1s ease-out transform;
}

.menu {
font-family: Sansation Light; }

2st - 通常使用DIV消除闪烁。单独为按钮创建一个DIV，并从一般的偏斜中排除文本，这样就不会来回。

没有这个代码，我使用了更快的解决方案。

菜单文本在悬停时重新调整

1 个答案: