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; heigh

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作为备用.

总结

以上是内存溢出为你收集整理的html – 点击下面的链接更高的z-index div全部内容，希望文章能够帮你解决html – 点击下面的链接更高的z-index div所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。