jquery 菜单不透明度 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/

jquery 菜单不透明度 fadeToggle

jquery menu opacity fadeToggle

jquery

submenu