HTML：当鼠标悬停时，前景中的元素不应该是后面的块内容吗？

Question

你知道这个问题。链接位于容器中，该容器设置在其上方绝对定位的块元素后面。在这种情况下，无法单击链接。

例如，请参阅此示例：http://jsfiddle.net/8VE3a/

我只是好奇，有没有办法让上面的容器不阻止点击事件，以便它"命中"下面的链接？同样的问题与hover？如果我将鼠标悬停在链接上，我仍然希望触发它的鼠标悬停状态！？

提前谢谢你。

Answer 1

你在这里： http://jsfiddle.net/8VE3a/1/

pointer-events: none;

Answer 2

根据情况，您可以更改链接项的 z 索引，使它们显示在背景内容上方：

.CSS：

.some-class a{
    z-index: 5;
}
.background-div{
    z-index: 1;
}