javascript - 将 div 包裹在一个周围并阻止 div 隐藏起来

Question

我的情况如图所示here ，理想情况下，我希望“#menu”div 中的所有 div 像这样环绕绿色 div 但我知道这很难实现，所以不要太执着于此。但是，我希望能够将鼠标悬停在绿色 div 上，蓝色 div 应该出现并停留在那里以便用户能够单击它们。我该怎么做？

Answer 1

给你JSFiddle

基本上像 suckerfish 菜单一样工作，但方 block 用 absolute 定位。它们将相对于中间方 block 保持不变，因此您可以将其放置在任何您想要的位置。内部 div 在那里是因为 LI(蓝色框)必须触摸绿色的以解决悬停问题，因此 div 具有在它们之间创建空间外观的边距。