我实际上使用 css 函数 :hover 使我的 div 出现并且没有 jquery。问题是当光标离开 div 时 div 消失。
我也避免使用 display:block;
函数,因为我无法利用 css 的不透明过渡功能。我看到其他帖子使用所有内置的 jquery 代码解决了这个问题。我想知道是否可以在不重写 jquery 中的整个代码的情况下完成。
这是 fiddle http://jsfiddle.net/dandecasa/k22UG/1/
如您所见,将鼠标悬停在左侧的黑色 div 上时,#zobbigmenu div 会出现。是否可以让它在光标位于#zobbigmenu div 时可见?
谢谢你的帮助
最佳答案
Javascript/jQuery 不是必需的。
在 :hover
的 #zobbigmenu
上也添加样式。
#zobmenu:hover ~ #zobbigmenu, #zobbigmenu:hover {
margin-left: 20px;
cursor:alias;
opacity:0.8;
margin-right: auto;
z-index:10;
}
或者,我建议在 #zobmenu
中嵌套 #zobbigmenu
。
关于css - 在没有 jquery 的情况下悬停后保持 div 打开,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20777293/