overflow:hidden
ここでわかるように、すべてのセカンダリ (およびそれ以上の) レベルの高さがゼロに設定されたマルチレベルのドロップダウン メニューがあります。
/*second level*/
#navbar li ul{
list-style: none;
position: absolute;
top: 100%;
height:0px;
overflow:hidden;
-o-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
transition: all .3s ease-in;
}
/*third level*/
#navbar li ul li ul{
position: absolute;
left: 102%;
top:0;
height:0px;
overflow:hidden;
}
これらの要素の指定されたホバーの両方で、高さを 250px に設定しています。
#navbar li:hover > ul{
height: 250px;
}
#navbar li ul li:hover > ul{
height: 250px;
}
2 番目のレベルは問題なく表示されます。ただし、3 番目のレベルはまったく表示されません。誰かが理由を知っていますか?
更新: 第 3 レベルのli
要素は、少なくとも私が見ているものから、親要素から悪いものを拾っていないようです。