单击下面链接位于更高的z-index div上

Question

可能重复：
如何在覆盖在链接上方的元素

中点击链接

在没有使用JavaScript的情况下，是否可以单击红色正方形下面的链接？红色

不需要可点击。

http://jsfiddle.net/efortis/LNwHV/

#bottom{
 width: 100px;
 height: 100px;
 background-color: orange;
}

#top{
  width: 50px;
  height: 50px;
  position: absolute;
  left:0;
  top:0;
  background-color: rgba(255,0,0,.5);
 }

- Eric Fortis

Answer 1

实现此功能的CSS方法是pointer-events: none

参见：http://jsfiddle.net/LNwHV/1/

浏览器支持：http://caniuse.com/pointer-events（除IE10及更早版本外，其他浏览器均可使用）

如果要支持旧版本的IE，则需要使用JavaScript作为后备方案。详情请见此处。

- thirtydot

---

那这不是一个解决方案。 甚至在IE10中都无法工作。 - wouterds

是的，非常让人恼火，即使在IE10中也无法正常工作。不幸的是，这就是CSS所能提供的全部。如果你需要支持IE，可能需要像我回答中最后一个链接中那样使用JavaScript。 - thirtydot

没人再关心IE了，哈哈。它已经死了。 - TetraDev