下拉菜單打破在Opera

我只是碰巧檢查我的網站在Opera，我（愚蠢）沒有做幾個星期，只發現我的下拉菜單是完全破碎。當我將鼠標懸停在父項上時，所有菜單項都會移動，因此菜單會中斷。這在我檢查過的任何其他瀏覽器中都不會發生。下拉菜單打破在Opera

任何人都可以看到任何可能導致它在我的代碼？

由於

$(document).ready(function() { 

$('#nav li').hover(
    function() { 
    $('ul', this).slideDown(200); 
    }, 
    function() { 
    $('ul', this).slideUp(100);   
    } 
);

}）;

CSS

ul#nav {list-style: none; white-space: nowrap; float: right; position: absolute; bottom: 10px; right: 0;} 
ul#nav li {display: inline; margin-right: 10px; padding: 0 10px; position: relative; text-transform: uppercase;} 
ul#nav li.last {margin-right: 0;} 
ul#nav li.slash {padding: 0;} 
ul#nav li a {text-transform: uppercase; font-size: 12px; color: black; padding: 10px 0 10px 10px; margin-bottom: 10px;} 
ul#nav li a:hover {text-decoration: underline;} 
ul#nav li a.active {font-style: normal; text-decoration: underline;} 
ul#nav li a.active:hover {color: black;} 
ul#nav li.parent_selected, ul#nav li.selected {font-style: italic;} 

#nav li ul {position: absolute; top: 26px; right: 0; padding: 20px 0 10px 20px; background-color: #f6f6f6; border: 1px solid #ccc; text-align: right; z-index: 999;} 
#nav li ul li {display:block; margin-bottom: 10px; padding: 0;} 
#nav li ul li a {text-transform: none; font-size: 12px; color: black;} 
#nav li ul li a:hover {text-decoration: underline;}

，因爲它似乎在所有的主流瀏覽器進行工作（除歌劇）我很猶豫與它擺弄，直到我沒有地方它會錯了。

感謝

來源

2011-11-12 onjegolders

您可以在[JS小提琴]（http://jsfiddle.net/）中重現問題，以便我們可以看到問題，而不是試圖從您的jQuery和CSS推斷它？ –

感謝大衛在這裏它是http://jsfiddle.net/WctpW/ – onjegolders

奇怪的小提琴似乎在Opera中工作！ – onjegolders

我一直在那裏之前（通常）：歌劇（這是反正做正確的事），期望一切是明確地。雖然我可以在任何其他瀏覽器中忽略丟失的東西，但例如，如果我沒有在一個項目中執行「清除兩者」或「顯示塊」，則Opera中的所有內容都不同步。

檢查與高度，浮每個項目等

PS：我連看都不看你的代碼。

來源

2011-11-12 13:14:10

感謝您的洞察力 – onjegolders

下拉菜單打破在Opera

回答

相關問題