這篇文章主要介紹了pointer-events屬性是什么？pointer-events屬性詳解，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)是一家企業(yè)級云計算解決方案提供商,超15年IDC數(shù)據(jù)中心運營經(jīng)驗。主營GPU顯卡服務(wù)器，站群服務(wù)器，成都服務(wù)器托管，海外高防服務(wù)器，服務(wù)器機(jī)柜，動態(tài)撥號VPS，海外云手機(jī)，海外云服務(wù)器，海外服務(wù)器租用托管等。

絕對定位元素蓋住鏈接或添加某事件handle的元素后，那么該鏈接的默認(rèn)行為（頁面跳轉(zhuǎn)）或元素事件將不會被觸發(fā)。

現(xiàn)在Firefox3.6+/Safari4+/Chrome支持一個稱為pointer-events的css屬性。使用該屬性可以決定是否能穿透絕對定位元素去觸發(fā)下面元素的某些行為。如下：

創(chuàng)新互聯(lián)



創(chuàng)新互聯(lián)


開啟穿透點擊

默認(rèn)情況下，鏈接和span元素被絕對定位的兩個div都遮住了。分別點擊后無反應(yīng)，即無法觸發(fā)鏈接a的默認(rèn)行為，無法觸發(fā)span元素的click事件。但開啟穿透點擊后支持pointer-events的瀏覽器Firefox/Safari/Chrome中再次點擊鏈接和span則可以觸發(fā)相應(yīng)的行為。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享pointer-events屬性是什么？pointer-events屬性詳解內(nèi)容對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)，詳細(xì)的解決方法等著你來學(xué)習(xí)!