：悬停不在div上工作，处理页面的其他部分

Question

我的悬停类不能处理我的按钮div但是它正在我的网页的其他部分工作，包括使用绝对位置的部分。

＆＃13;

＆＃13;

.desbutton {
  margin-left: 25px;
  margin-bottom: 25px;
  height: 36px;
  width: 113px;
  background-color: #4A6D81;
  border-radius: 2px;
  position: absolute;
  bottom: 0;
}
.desbutton:hover {
  background-color: #80999E;
}

＆＃13;

<div class="desbutton">
  <p class="butText">READ MORE</p>
</div>

＆＃13;

＆＃13;

＆＃13;

Jsfiddle with full src

Answer 1

请检查：为什么你的.designCard attr z-index: -1。这会导致您的身体元素为higher，然后是您的卡片，因此您的悬停永远不会被“调用”