IE7/IE8非背景图像闪烁

我目前正在开发一个网站，用户使用jQuery superfish插件来构建3级深度下拉菜单，其中包含圆角，阴影和所有其他头部撞击，屏幕砸碎，愤怒煽动填满我们网站开发者的爱。IE7/IE8非背景图像闪烁

客户端也在使用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也是如此），你会看到最后一张图像闪烁，就像它正在加载或者其他东西一样。我尝试了预加载图像，但这似乎没有任何区别。如果图像在标记中，则应该加载。

所以我的问题是，我怎样才能停止图像闪烁在我的导航不是背景图像？这几乎就像它可能是透明的东西，但我甚至不知道从哪里开始。

****更新****

我解决了这个问题。菜单上的淡入淡出效果导致了延迟。我删除了外汇，问题解决了。感谢所有帮助过的人。

来源

2010-09-21 Dwayne Charrington

您是否有我们可以访问的现场/演示网站来了解发生了什么？ – 2010-09-21 00:34:17

对不起David，这是一个政府项目，我可能因为发布一个链接到开发环境而陷入困境。我可以提供给你什么吗？菜单结构的CSS代码？ – 2010-09-21 01:33:02

不是真正的**内容**，只是一个使用css/js的lorem-ipsum菜单，你用于真实的东西，只有足够的这样才能重现问题。 – 2010-09-21 01:35:15

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

来源

2010-09-23 04:26:27

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

来源

2010-09-21 00:41:15

我照你说的做了，并且在LI上制作了图像背景图像，但仍然不好。我开始认为这是我的菜单上的其他内容导致该问题。 – 2010-09-21 01:33:44

IE7/IE8非背景图像闪烁

回答

相关问题