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非背景圖像閃爍

回答

相關問題