1. 程式人生 > >CSS3:pointer-events | a標簽禁用

CSS3:pointer-events | a標簽禁用

body 阻止 info 兼容 firefox ref javascrip active post

用純css就能實現取消事件響應的方法,pointer-events,使用起來更加簡單,它可以:

pointer-events:  auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | inherit 

1 阻止用戶的點擊動作產生任何效果

2 阻止缺省鼠標指針的顯示

3 阻止CSS裏的hover和active狀態的變化觸發事件

4 阻止JavaScript點擊動作觸發的事件

比如以下CSS就順起到將禁用的按鈕灰掉的效果

.disabled 
{ pointer-events: none; cursor: default; filter: alpha(opacity=50); /*IE濾鏡,透明度50%*/ -moz-opacity: 0.5; /*Firefox私有,透明度50%*/ opacity: 0.5; /*其他,透明度50%*/ }

兼容性問題:

技術分享圖片

CSS3:pointer-events | a標簽禁用