单击更高 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 作为后备。