水平下拉菜单悬停
极客
我想要菜单看起来像这样：
我想子菜单显示在右侧的父菜单中，http://alistapart.com/article/horizdropdowns#snippet4
下一步是子菜单。我们希望将每个子菜单悬停在其父菜单项的右侧。
li ul {
position: absolute;
left: 149px;
top: 0;
display: none;
}
但是我的子菜单没有出现在其父菜单的右侧，如下所示：
奥利博伊50
删除ul隐藏列表的现有样式，并添加以下类： subdrop-list
然后添加此CSS：
.subdrop-list {
display: none;
position: relative;
}
.subdrop-list ul {
position: absolute;
top: 0;
right: 0;
}
JSFiddle：http : //jsfiddle.net/4jVtw/3/
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
Bootstrap水平下拉菜单？
- 2
Bootstrap水平下拉菜单
- 3
Bootstrap水平下拉菜单？
- 4
垂直的水平下拉菜单
- 5
带下拉菜单的水平菜单
- 6
侧面CSS菜单或水平下拉菜单
- 7
CSS下拉菜单打开：悬停
- 8
CSS下拉菜单悬停效果
- 9
VBA单击悬停下拉菜单
- 10
简单的下拉菜单–悬停时过渡
- 11
超级下拉菜单悬停闪烁
- 12
HTML / CSS悬停下拉菜单
- 13
悬停全宽下拉菜单
- 14
停止关闭悬停上的下拉菜单
- 15
CSS下拉菜单打开：悬停
- 16
下拉菜单悬停LI问题
- 17
在悬停下拉菜单中，JavaScript
- 18
超级下拉菜单悬停闪烁
- 19
悬停不显示下拉菜单
- 20
下拉菜单在悬停时消失
- 21
在悬停问题上隐藏下拉菜单
- 22
悬停时的语义 ui 下拉菜单
- 23
悬停时 Boostrap 下拉菜单关闭
- 24
使用CSS的水平下拉菜单
- 25
水平下拉菜单选择图片
- 26
使用CSS水平显示下拉菜单
- 27
水平切换下拉菜单
- 28
在下拉菜单上悬停时，jQuery悬停下拉菜单消失
- 29
悬停时下拉菜单不会下拉
我来说两句