Css 移动鼠标时失去悬停

所以，我是HTML和CSS的初学者，我尝试学习jQuery和JavaScript，但还没有成功。无论如何，我想将鼠标悬停在一个地方，并在其他地方触发一个div，所以我使用了相邻的兄弟代码，但问题是一旦事件被触发，我想要的框就在那里，如果我移动鼠标，它会再次触发，而不是停留在“hover”元素上，直到我将鼠标移离。有办法解决这个问题吗

这是CSS的相邻同级元素部分：

.b:hover ~ .a {
  position:absolute;
  height:1000%;
  width:100px;
  margin-top:-1000px;
  margin-left:100px;
  background-color:#b6c9e7;
  z-index:1000;
  opacity:1;
  transition:  all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -webkit-transition:  all 0.4s ease-in-out 0s;
  -o-transition:  all 0.4s ease-in-out 0s;
  -webkit-animation-duration: 2s;
}​

这是我的密码：

---

非常感谢您的帮助

您的zindex已关闭。当你移动鼠标时，你实际上是在a而不是b上滚动，由于是b具有悬停状态，你正在锁定滚动，这是重置位置。将a设置在b后面，它将根据需要工作

z-index:999;

zindex基本上是堆栈编号，因此如果某个元素的zindex较高，则表示它位于另一个元素的前面。只有当元素重叠时，当使用绝对和相对定位的元素时，这才真正起作用

---

此外，使用：hover选择器时，不需要重新定义未更改的元素。他们都是继承的；仅更改悬停状态下不同的属性。

您到底想做什么？效果应该是什么？哦，我明白了！非常感谢，非常感谢。(: