css - 在没有 jquery 的情况下悬停后保持 div 打开

Question

我实际上使用 css 函数 :hover 使我的 div 出现并且没有 jquery。问题是当光标离开 div 时 div 消失。我也避免使用 display:block; 函数，因为我无法利用 css 的不透明过渡功能。我看到其他帖子使用所有内置的 jquery 代码解决了这个问题。我想知道是否可以在不重写 jquery 中的整个代码的情况下完成。

这是 fiddle http://jsfiddle.net/dandecasa/k22UG/1/

如您所见，将鼠标悬停在左侧的黑色 div 上时，#zobbigmenu div 会出现。是否可以让它在光标位于#zobbigmenu div 时可见？

谢谢你的帮助

Answer 1

Javascript/jQuery 不是必需的。

在 :hover 的 #zobbigmenu 上也添加样式。

jsFiddle example

#zobmenu:hover ~ #zobbigmenu, #zobbigmenu:hover {
    margin-left: 20px;
    cursor:alias;
    opacity:0.8;
    margin-right: auto;
    z-index:10;
}

或者，我建议在 #zobmenu 中嵌套 #zobbigmenu。