Question

我有一位朋友，mrOverAbsolute，想要坐在另一位朋友的先生身上。似乎没有人抱怨。我有另一个朋友，他回应想要使用精灵的“mrHover”。 mrHover只有当大狗，mrHover和mrOverHover不那么绝对时才会感到高兴。

这是戏剧：

<style>
div#mrOverAbsolute
{
  z-index:1;
  /* ... and some other stuff */
}
div#mrAbsolute
{
  position:absolute;
  z-index:-1;
  /* ... and some other stuff */
}
a.mrHover
{
  background:url('mrImage') 0 0;
}
a.mrHover:hover
{
  background-position:0 25;
}
</style>

<div id="mrOverAbsolute"></div>
<div id="mrAbsolute">
  <table>
    <tr>
      <td><a href="" class="mrHover"></a></td>
    </tr>
  </table>
</div>

好的好 - 朋友放在一边 - 如果我删除“position：absolute;”，精灵就可以了。否则，Chrome会忽略我在CSS中声明“：hover”的事实。

有什么建议吗？

Answer 1

对于绝对定位的元素，:hover没有问题。

问题是，当您设置#mrAbsolute时，#mrOverAbsolute元素会放在z-index:-1后面，以便#mrOverAbsolute拦截鼠标事件。

CSS：悬停在'绝对'定位元素中

1 个答案: