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上已經支持。

使用場景示例：首頁下雪畫布展示。