css穿透绝对定位的层使下面的链接可点击

摘自：http://www.51xuediannao.com/html+css/htmlcssjq/pointer-events.html

作者：懒人建站

没有背景和图片填充的情况下，在火狐下不能直接点击绝对定位层下面的链接，下面的链接被上面的绝对定位层挡住了。在IE里面是可以直接点击绝对定位层下面的链接。


怎么解决这个问题那？主要的焦点问题就是解决火狐的问题。


请出我们的NB的 CSS 属性：pointer-events: none;来解决这个问题。网上有这个属性的介绍，懒人建站在这里就摘抄一段想看的看下面的扩展阅读。


注意：如果你铺了背景颜色或者背景图片那就OVER了， 下面的链接全都不能点击了。




扩展阅读：


Pointer-events原本来源于SVG，目前在很多浏览器中已经得到体现。不过，要让任何HTML元素生效还得借助于一点点css。该属性称之为pointer-events，基本上可以将它设置为auto，这是正常的行为，而“none”是一个有趣的属性。


如果你已经设置一个元素的css属性为pointer-events: none。它将不会捕获任何click事件，而是让事件穿过该元素到达下面的元素。