css3绝对定位元素遮罩层不遮挡页面的处理方式

1. .zhezhao{
2. position: fixed;
3. left: 0;
4. top: 0;
5. right: 0;
6. bottom: 0;
7. z-index: 9999;
8. background: rgba(0,0,0,0.3);
9. -webkit-pointer-events: none;
10. -moz-pointer-events: none;
11. -ms-pointer-events: none;
12. -o-pointer-events: none;
13. pointer-events: none;
14. }

主要是

1. pointer-events

这个属性，可以让元素不遮住鼠标点击，直接触发鼠标事件。

在Firefox3.6+/Safari4+/Chrome上已经支持。

使用场景示例：首页下雪画布展示。