此屬性用於指定元素是否顯示指針事件以及是否不顯示在指針上。
用法:
pointer-events:auto|none;
屬性值:
- auto:此屬性用於指定元素必須對指針事件作出反應。
用法:
pointer-events:auto;
例:
<!DOCTYPE html> <html> <head> <title> CSS | pointer-events Property </title> <style> p.geeks { pointer-events:auto; } h1, h2 { color:green; } body { text-align:center; } </style> </head> <body> <CENTER> <h1>GeeksForGeeks</h1> <h2>pointer-events:auto;</h2> <p class="geeks"><a href="#">GeeksforGeeks</P></A> </body> </html>
輸出:
- none:此屬性用於指定元素不對pointer-events做出反應。
用法:
pointer-events:none;
例:
<!DOCTYPE html> <html> <head> <title> CSS | pointer-events Property </title> <style> p.geeks { pointer-events:none; } h1, h2 { color:green; } body { text-align:center; } </style> </head> <body> <h1>GeeksForGeeks</h1> <h2>pointer-events:none;</h2> <p class="geeks"><a href="#">GeeksforGeeks</p></a> </body> </html>
輸出:
支持的瀏覽器:下麵列出了pointer-events屬性支持的瀏覽器:
- 穀歌瀏覽器2.0
- 互聯網Eplorer 11.0
- Firefoc 3.6
- Opera 9.0
- Safari 4.0
相關用法
- CSS transition-property用法及代碼示例
- CSS top屬性用法及代碼示例
- CSS right屬性用法及代碼示例
- CSS all屬性用法及代碼示例
- CSS nav-right用法及代碼示例
- CSS nav-up用法及代碼示例
- CSS nav-down用法及代碼示例
- CSS bleed屬性用法及代碼示例
- HTML li value用法及代碼示例
- CSS clear屬性用法及代碼示例
- CSS columns屬性用法及代碼示例
- CSS resize屬性用法及代碼示例
- CSS clip屬性用法及代碼示例
- CSS will-change用法及代碼示例
- CSS nav-left用法及代碼示例
注:本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 CSS | pointer-events Property。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。