Question

这真的很奇怪。我有这个网站，我有一个简单的列表菜单：悬停效果菜单中的每个项目。

在Firefox中，它运行得很好。但我IE7至少有一个滞后。我还没有在IE8中测试它，但我的猜测是它也存在。

现在，我一直在尝试对代码进行检查，以查看可能导致问题的原因。我已经看过很多关于类似场景的帖子。但它们似乎都不适用于我的案子。

刚才我注意到在我的css样式表中，我得到了这个：

li:hover {
background-image: url(img/TopLine.png); 
Height:29px;

}

奇怪的是，如果我删除高度规格，就没有滞后！可能是什么导致了这个？它可以是父级li类的填充和边距层吗？或者那个上面的父类？

这是这些项目的代码。你可以在网站的/main.css下的其余css

#header {
padding-right:7%;
height: 57px;
background-image:url(img/TopLine.png); }

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

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

li:hover {
background-image: url(img/TopLine.png); 
Height:29px; }

关于如何改善这一点的任何想法？

Answer 1

我真的没有任何滞后。第一次有一点延迟 - 这很可能是因为背景图片正在加载。

最好在列表项目上设置背景，然后在悬停时更改背景位置。（对此有很多问题。）

CSS - ：在IE7中悬停是缓慢/滞后的

1 个答案: