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

Question

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

例如看这个例子：http: //jsfiddle.net/8VE3a/

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

先感谢您。

Answer 1

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

pointer-events: none;

Answer 2

根据具体情况，您可以更改链接项的 z-index 以使它们出现在背景内容上方：

CSS：

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