li:hover 与 Cufon 的迟缓行为答案

【问题标题】：Sluggish behaviour with li:hover with Cufonli:hover 与 Cufon 的迟缓行为
【发布时间】：2010-02-08 06:28:21
【问题描述】：

编辑：发现即使没有应用 Cufon 也会发生这种情况！ Edit2：我的错，看起来Cufon毕竟在创造缓慢。但是，删除我用 Cufon 替换 menuwrapper 字体样式的行仍然会导致行为缓慢。所以它似乎与将 cufon 应用于列表本身没有任何关系。

您好，我正在使用 Cufon 将自定义字体“嵌入”到我的网站。这种字体在主菜单上使用，我遇到了一个错误或设置高度、填充或任何 li:hover 的东西会使 IE 变得迟缓。我不知道为什么会发生这种情况，但是当我从 li:hover 中删除该属性时问题就消失了。不过它在 Firefox 中运行良好。

所以我的问题是，还有其他方法可以解决这个问题吗？

我基本上想做的是定位 li:hover 因为它有背景。我想让它向底部倾斜几个像素。

我的 CSS 如下所示：

#menuwrapper { 浮动：对；边距顶部：10px；高度：65px； } .menuwrapper 李{ 浮动：对；列表样式：无；边距顶部：10px；填充顶部：18px；填充左：23px； padding-right: 23px; 高度：23px； } .menuwrapper 一个{ 字体家族：格鲁吉亚；字体大小：22px；颜色：#ebebeb; 文字装饰：无； } .menuwrapper li:hover { 背景图片：url（img/MenuHover.png）；填充底部：6px； }

【问题讨论】：

标签： css hover cufon

【解决方案1】：

无法理解您的确切意思，但正如您所说，您想让它在底部稍微低一点，那么您可以使用 margin-top css 属性来做到这一点。

margin-top:10px; /* down it by 10 pixels */

【讨论】：

是的，但这会导致 li:hover 的行为缓慢。事实上，设置任何 padding、margin、height 或 width 属性似乎都会导致速度变慢。即使我什至没有将 Cufon 应用到列表本身。只要 Cufon 出现在页面上，每个 li:hover 项目都会出现缓慢的行为。很奇怪。

【解决方案2】：

我猜只好把这个弄死了。像现在这样无处可去。

【讨论】：