是否可以制作CSS级联下拉菜单(下拉镜像)?

时间:2015-09-02 19:28:39

标签: css drop-down-menu flyout

我开始这样做了,我想;哦,这很容易,但是当飞出物覆盖其他类别时我卡住了。

我甚至不知道我是否可以这样做!我的CSS技能非常生疏!

这是我开始的,但它甚至不是很好: + http://codepen.io/anon/pen/ZbYzwr

             [===========]
[===========][===========]
[===========][===========]
[===========][===========]
[-----------][===========]
[===========]
[:::::::::::::::::::::::::::::::::::::::::::]

如果这是菜单,那么因为它们飞出的较低类别无形中掩盖了它们之上的那些类别,所以你不能将它们悬停在它们上面!

它应该像LXDE面板菜单(lxpanel)。

在LXDE上,飞出物品从顶部开始,除非它们在屏幕下方,它们被适当地偏移。我想不出用CSS做到这一点的方法。你能?我能想到的唯一方法就是让飞出物品从底部开始,但是有什么特殊的技巧让它起作用?

谢谢!

1 个答案:

答案 0 :(得分:1)

margin-left: 100px;设为[category] > ul而不是button

I've forked your pen here