css - li :hover with Cufon 行为迟缓

Question

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

---

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

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

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

我的 CSS 看起来像这样:

  #menuwrapper {
 float:right;
 margin-top:10px;
 height: 65px;
}

.menuwrapper li {
 float:right;
 list-style: none;
 margin-top:10px;
 padding-top:18px;   
 padding-left: 23px;
 padding-right: 23px;
 height:23px; 
}

.menuwrapper a{
 font-family:georgia;
 font-size:22px;
 color:#ebebeb;
 text-decoration:none;
}

.menuwrapper li:hover {
 background-image: url(img/MenuHover.png);
 padding-bottom:6px;
}

Answer 1

无法理解你的确切意思，但正如你所说，你想在底部降低一点，然后你可以使用 ma​​rgin-top css 属性来做到这一点。

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