点击更高的z-index div下方的链接

Question

  

可能重复：
  Passing mouse clicks through an overlaying element <div>

是否可以点击红色方块下方的链接而不使用javascript？红色div不需要是可点击的。

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);
 }

Answer 1

执行此操作的CSS方法是pointer-events: none

请参阅： http://jsfiddle.net/LNwHV/1/

浏览器支持：http://caniuse.com/pointer-events（适用于除IE10及更旧版本以外的所有地方）

要支持旧版本的IE，您必须use JavaScript作为后备。