導航菜單 - 背景懸停表現奇怪

我有一個導航菜單，我已經應用pie.js（庫，允許你在ie6-8瀏覽器上有css3）的問題。一見鍾情，但如果我們稍微玩一下菜單，錯誤的行爲就會增加:(爲了接收這種奇怪的行爲，你必須在IE8的下拉菜單上左右移動光標，這是一個函數通過我調用js庫。導航菜單 - 背景懸停表現奇怪

$(document).ready(function(){ 
    if (window.PIE) { 
     $('.aahov,ul#menu,ul#menu li ul').each(function(){ 
      PIE.attach(this); 
     }); 
    }

}）;

檢查這個例子：http://mainpage.ueuo.com

...不要忘了，只在IE8瀏覽器...

感謝的。

來源

2012-09-12 mcmwhfy

您可以將相關的HTML和腳本代碼添加到您的帖子中，什麼是「PIE」？這對於任何未來的用戶來說都沒有什麼意義，可能會尋找類似的解決方案來解決類似的問題，鏈接站點或者已經去掉或者已經改變。如果可能，請在jsfiddle.net上添加小提琴以允許其他人應用更改以測試可能的解決方案。 – Nope

@FrançoisWahl你有所有的代碼示例，你是否保存頁面爲html你將擁有所有htlm，css和js文件... PIE.js是一個js庫，它允許你在ie6-8瀏覽器中擁有css3，閱讀說明。 – mcmwhfy

只是重新迭代：「這對任何未來的用戶來說都沒有什麼意義，可能尋找類似的解決方案來解決類似的問題，鏈接腐爛集合基本上，你的鏈接已經死了或者網站已經改變了這個問題，使得沒有再次感知。這就是爲什麼相關的CSS，腳本和/或html應該總是包含在適當的地方。 – Nope

您的腳本對我來說看起來不錯，它看起來像是你的造型中的東西。不太確定你在那裏有什麼，但是你可能可以使用overflow:hidden，或者至少可以作爲開始的地方。

來源

2012-09-12 14:20:49

和我必須添加的溢出：hidden; ？ – mcmwhfy

它可能只是IE8添加一些額外的填充。

我注意到你的CSS你沒有使用CSS重置，這可能有助於消除基於瀏覽器的差異。

你可以看看http://meyerweb.com/eric/tools/css/reset/或類似的東西。

而且IE8不支持最後孩子

UL＃菜單裏UL李：最後一個孩子{底部邊框：無; }

所以這也會影響菜單項的外觀。

另外，從可用性的角度來看，最好讓用戶知道菜單鏈接是下拉菜單。可能在鏈接的右側添加向下箭頭。

來源

2012-09-12 15:08:39 Stephen

導航菜單 - 背景懸停表現奇怪

回答

相關問題