jquery菜单opacity fadeToggle

Question

我有一个fadeToggle子菜单，但是如果将鼠标悬停在子菜单上，则基础页面上的文本会在其上方结束。

<script type="text/javascript">

$(document).ready(function() {
    $('li').hover(function() {
        $(this).find('ul>li').stop().fadeToggle(800);


});
});
</script>

Answer 1

正如我所说，这个问题是由不透明造成的。很可能它与其他一些css相冲突。我将您的子li样式更新为：

ul li li {
    background:#999;
    text-decoration:none;
    color:#fff;
    display:none;   
    opacity:0.999;
}

现在似乎工作正常。以下是更新的演示：http://jsfiddle.net/drud5xwr/2/