Question

我目前正在开发一个网站，用户使用jQuery superfish插件构建一个3级深度下拉菜单，其中包含圆角，阴影和所有其他头部敲击，屏幕粉碎，愤怒煽动我们网络开发者喜欢的内容。 / p>

客户端也在使用IE8和IE7。在每个菜单的末尾，我在末尾放置一个24位圆形透明图像，用于菜单底部的圆角。所以我的代码如下：

<ul id="nav">
 <li><a href="#">Item one</a></li>
 <li><a href="#">Item one</a></li>
 <li><a href="#">Item one</a></li>
 <li>
  <a href="#">Item one</a>
  <ul>
   <li>
    <a href="#">Another item</a>
   </li>
   <li class="lastli2"><img src="images/lastli2.png" /></li>
  </ul>
 </li>
 <li class="lastli"><img src="images/lastli.png" /></li>
</ul>

正如您所看到的，我没有在最后一个元素上使用背景图像，因为它们只是LI元素中的图像。当在IE7和IE8中悬停时（我也假设IE6）你会看到最后一个图像的闪烁，就像它正在加载一样。我已尝试预加载图像，但这似乎没有任何区别。如果图像在标记中，则无论如何都应该加载。

所以我的问题是，如何在不是背景图像的导航中阻止图像闪烁？它几乎就像是一个透明的东西，但我甚至不知道从哪里开始。

****更新****

我解决了这个问题。这是导致滞后的菜单上的淡入淡出效果。我删除了FX，问题解决了。感谢所有帮助过的人。

Answer 1

使它们成为背景图像，甚至可以将它们组合在同一透明PNG中。然后只需将bg图像应用于这些元素，指定宽度/高度和隐藏的溢出可能会将其剪掉。指定每个背景位置，你应该是好的。

Answer 2

我发现了这个问题的原因并更新了我的问题以反映答案。

IE7 / IE8非背景图像闪烁

2 个答案: