Question

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

这是小提琴http://jsfiddle.net/dandecasa/k22UG/1/

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

谢谢你的帮助

Answer 1

没有必要使用Javascript / jQuery。

在:hover的{{1}}上添加样式。

jsFiddle example

#zobbigmenu

或者，我建议在#zobmenu:hover ~ #zobbigmenu, #zobbigmenu:hover { margin-left: 20px; cursor:alias; opacity:0.8; margin-right: auto; z-index:10; }嵌套#zobbigmenu。

Answer 2

您可以将所有内容都包含在<div>：

中

<div id="wrap">
   <div id="zobmenu"></div>
   <div id="zobbigmenu">
      <a href="http://instagram.com/dandecasa" target="_blank">
        <img src="http://theyellowhopeproject.com/iconmonstr-instagram-4-icon.png" height="50px"></img>
      </a>
   </div>
</div>

更改CSS：

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

jsFiddle

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

2 个答案: