在日常開發中，我們可能遇到這樣的需求：一
些元素可以穿透，我們點擊觸摸它不會觸發事件，甚至可以穿透點擊它下面的元素。
比如模態框樣式，防止按鈕反覆點擊，蒙版可穿透等。
eg：
在這個tab選項卡中，即使最後一個元素被半透明蒙版遮住了，我們一般仍然允許它是可以被點擊到的（因為此處是可拖動選項卡，無法寫死點擊蒙版來選擇最後一個tab元素）。
這時候我們就會有一個需求，我們要求這個蒙版是可以穿透的，我們要通過穿透它來點擊它下面的元素。
其實這是挺麻煩的。因為如果隱藏刪除元素，那麼它的蒙版效果也會跟著不見。
但是CS3中新出的一個屬性完美的解決了一個問題。
pointer-events CSS 屬性指定在什麼情況下 (如果有) 某個特定的圖形元素可以成為鼠標（移動端事件也可以）事件的 target。
除了指示該元素不是鼠標事件的目標之外，值 none 表示鼠標事件“穿透”該元素並且指定該元素“下面”的任何東西。
對於我們來說，我們只需要記住兩個即可！
auto: 默認值，不允許穿透。
none: 可以穿透。
eg:
在這裡，當 id 為 box 的元素覆蓋住 id 為 pox 的元素時，我們只需要給 box加一行 pointer-events: none; ，點擊 box 就可以穿透它直接觸發 pox 身上的事件。
ps: 當DOM元素指定有id屬性時，不需要通過document.getElementById()來獲取定義它，它的id對應的值即為該dom元素對應的變量。
模態框應用
這個屬性是我在看colorUI的模態框源碼時候看到的，它主要是在模態框隱藏的時候給pointer-events的值改為none，使模態框不會因此而影響到頁面中的其它元素。當模態框顯示的時候再將pointer-events改為auto。
兼容：
Firefox 3.6+和chrome 2.0+ 以及safari 4.0+， IE11都支持這個CSS3屬性。
相關推薦
'超全Vlog字幕教程，保姆級圖文步驟詳解，手把手教你做抖音短視頻'
"隨著視頻剪輯的大眾化，後期剪輯軟件被越來越多的人所熟知，也被越來越多的人運用。加上短視頻的飛速發展，簡單、粗放的剪輯方式再也沒有辦法滿足我們的需求。簡單的字幕和特效會讓我們的Vlog看起來更加驚豔，整個視頻的質量都會得到進一步的提升。接下來，我們就來學習四款常用的添加字幕...
'詳解兩種方法：輕鬆掌握PS虛化背景技巧'
"大家好，我是講的又細又好細的不能再細好的不能再好的尤良,今天給大家講兩種方法將背景虛化首先準備一張圖片第一種，將圖片拉入PS中，點擊塗抹工具，調節大小-強度，用鼠標在圖片背景處塗抹記住，一定要是豎著來回塗抹，或者橫著來回塗抹，千萬不要畫圓塗，效果如下第二種，將圖片拉入PS...
鼠標
2019-08-19
'超全面詳解Java開發環境搭建（看完收藏）'
"在項目產品開發中，開發環境搭建是軟件開發的首要階段，也是必須階段，只有開發環境搭建好了，方可進行開發，良好的開發環境搭建，為後續的開發工作帶來極大便利。 對於大公司來說，軟件開發環境搭建工作一般是由運維來做，然而，對於小公司來說，這個工作就交給開發人員來做了，如開發經理。...
'CF首款英雄級散彈槍屬性曝光，新一代生化競技的毒瘤武器'
"大家好，我是師長，今天給大家爆料一下新英雄級武器AA12雷霆的屬性以及外觀。首先給大家展示一下AA12雷霆在商城中的模樣以及屬性。AA12雷霆（商城展示） 1、烈性子彈（重頭彈）：點擊鼠標右鍵裝載烈性子彈。已安裝成功的烈性子彈可以按壓鼠標左鍵進行發射。烈性子彈發射後會發射...
'JavaScript語言學習詳解，讓你輕輕鬆鬆瞭解JavaScript'
"JavaScript介紹JavaScript是世界上最流行的腳本語言，因為你在電腦、手機、平板上瀏覽的所有的網頁，以及無數基於HTML5的手機App，交互邏輯都是由JavaScript驅動的。簡單地說，JavaScript是一種運行在瀏覽器中的解釋型的編程語言。那麼問題來...
'2019太原小升初網報參考：民辦網報流程詳解！附民辦初中時間安排'
"8月1號-5號是民辦網報時間，很多家長都在問網報流程到底是什麼?所以用2018年的網報流程圖先給大家梳理一遍，今年會不會變不知道，僅供大家參考。以下僅供參考！！！！其實網報的流程很簡單，輸入“學生姓名+學籍號”+“家長姓名+身份證號”，再輸入驗證碼，提交審核就可以登錄系統...
'《守望先鋒》新英雄西格瑪技能詳解 大招太IMBA'
"暴雪在昨天正式公佈了《守望先鋒（Overwatch）》第31位新英雄——西格瑪，西格瑪是一位性格古怪的天體物理學家，但在一場軌道空間站中的實驗事故之後，卻被變成了一個活體兵器。現在玩家們已經可以在測試服遊玩體驗這位新英雄，下面讓我們來看看開發者對他的介紹和技能演示吧！（職...
'JavaScript 運行機制(Event Loop)詳解'
"一、為什麼JavaScript是單線程？JavaScript語言的一大特點就是單線程，也就是說，同一個時間只能做一件事。那麼，為什麼JavaScript不能有多個線程呢？這樣能提高效率啊。JavaScript的單線程，與它的用途有關。作為瀏覽器腳本語言，JavaScrip...
'圖層蒙版到底該怎麼用？什麼是黑透白不透 圖層蒙版功能詳解'
"大家好，我是好色之圖，以前的教程中，我們經常用到一個工具，"蒙版"。其實PS中有多種蒙版，比如剪貼蒙版、矢量蒙版，還有我個人很喜歡用的快速蒙版，最為強悍好用的，就是"圖層蒙版"。每次用到圖層蒙版的時候，我都會順便講解一下圖層蒙版的作用，但是我發現，每次教程結束後，都會有朋...
推薦中...