我不确定问题的标题是否清楚，但这是问题的fiddle demo。 当下拉菜单被展开并且鼠标被带到较低的项目时，菜单会崩溃，因为子菜单位于重叠画布的顶部。
有趣的是，如果我删除第二个画布，菜单工作正常。
<canvas width=500 height=500 id="canvas1"></canvas>
<canvas width=500 height=500 id="canvas2" style="position: relative; top:-500px"></canvas>
我还尝试使用jqueryui创建fiddle但是它也没有按预期工作。
请帮忙
答案 0 :(得分：2)
如果您取消评论/* Bring the nav above everything else--uncomment if needed.内的部分，它可以正常工作，这意味着添加
position:relative;
z-index:5;
到#nav
答案 1 :(得分：0)
您是否考虑过使用基于CSS和Canvas的即用型解决方案？ 像Swimbi这样的菜单制作工具 - http://f-source.com/swimbi/ 和 Chrome version