html – 点击下面的链接更高的z-index div

Possible Duplicate:
07000

是否可以点击红色广场下方的链接没有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,.5);
 }

解决方法

这样做的CSS方法是 pointer-events: none

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

浏览器支持：http://caniuse.com/pointer-events(除IE10及更早版本以外的其他工作)

为了支持旧版本的IE,您必须使用use JavaScript作为备用.