有些時候網頁中用到了一些絕對定位的Div,因為需要事先這個Div是隱藏的,但是它所在的位置會遮擋住鼠標點擊事件。這個時候可以用CCS3中的pointer-events屬性來解決。
//穿透該層
pointer-events:none;
//恢復點擊處理
pointer-events:auto;
根據情況來動態修改Div的pointer-events屬性即可。
例如用JQuery可以這樣寫:
//穿透該層
$('#dvTest').css('pointer-events', 'none');
或者
恢復點擊處理
$('#dvTest').css('pointer-events', 'auto');