下拉菜单打破在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

回答

相关问题