這篇文章帶給大家的內容是淺談pointer-events屬性是什麼？ pointer-events屬性的使用，讓大家了解pointer-events屬性的相關知識。有一定的參考價值，有需要的朋友可以參考一下，希望對你們有幫助。
首先我們來了解一下pointer-events屬性是什麼？
pointer-events屬性是一個指標屬性，是用來控制在什麼條件下特定的圖形元素可以成為指標事件的目標。
pointer-events屬性有很多值，但是對於瀏覽器來說，適用於HTML元素的只有三個值，其它的幾個值都是針對SVG元素的（本身這個屬性就來自於SVG技術，是一個SVG屬性，並未在任何CSS規格中定義）。 【相關影片教學推薦：css3教學】
#接下來我們看看pointer-events屬性怎麼使用？
官方語法：
1、語法：
形式語法：
pointer-events: visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | none | inherit ;
適用於HTML元素的三個值：
pointer-events: auto | none | inherit ;
2、初始：自動
3、適用於：所有元素
4、動畫：沒有
說明：適用於HTML元素的三個值
auto：預設值，表示指標事件已啟用；此時元素會回應指標事件，阻止這些事件在其下方的元素上觸發。
none：表示在元素上停用指標事件；此時該元素將不會回應指標事件，但它下面的元素可以回應指標事件，就像元素不存在於它們之上一樣。
inherit：表示該元素將從其父級繼承其pointer-events值。
pointer-events屬性的相容性：
CSS pointer-events屬性（只適用於HTML）
此CSS屬性設定為「none 」時，允許元素不接收懸停/單擊事件，而事件將發生在其後面的任何內容上。
支援以下版本：
*表示必要的前綴。
總結：以上就是這篇文章的全部內容，希望能對大家的學習有所幫助。
以上是淺談pointer-events屬性是什麼？ pointer-events屬性的使用的詳細內容。更多資訊請關注PHP中文網其他相關文章！
