這篇文章將為大家詳細(xì)講解有關(guān)css中的pointer-events屬性有什么用，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

成都創(chuàng)新互聯(lián)公司專注于響水網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠(chéng)為您提供響水營(yíng)銷型網(wǎng)站建設(shè)，響水網(wǎng)站制作、響水網(wǎng)頁(yè)設(shè)計(jì)、響水網(wǎng)站官網(wǎng)定制、小程序開發(fā)服務(wù)，打造響水網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供響水網(wǎng)站排名全網(wǎng)營(yíng)銷落地服務(wù)。

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

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

.overlay1{

width:80px;

height:20px;

background:gold;

position:absolute;

top:5px;

left:5px;

opacity:0.5;

}

.overlay2{

width:80px;

height:20px;

background:gold;

position:absolute;

top:40px;

left:5px;

opacity:0.5;

}

.pointer{pointer-events:none;}

window.onload=function(){

document.getElementById('chx').onclick=function(){document.getElementById('a').className

="overlay1"+((this.checked)?"pointer":"");

document.getElementById('b').className

="overlay2"+((this.checked)?"pointer":"");

}

}