首頁  >  文章  >  web前端  >  淺談pointer-events屬性是什麼? pointer-events屬性的使用

淺談pointer-events屬性是什麼? pointer-events屬性的使用

青灯夜游
青灯夜游原創
2018-11-07 11:39:2310214瀏覽

這篇文章帶給大家的內容是淺談pointer-events屬性是什麼? pointer-events屬性的使用,讓大家了解pointer-events屬性的相關知識。有一定的參考價值,有需要的朋友可以參考一下,希望對你們有幫助。

首先我們來了解一下pointer-events屬性是什麼?

pointer-events屬性是一個指標屬性,是用來控制在什麼條件下特定的圖形元素可以成為指標事件的目標。

pointer-events屬性有很多值,但是對於瀏覽器來說,適用於HTML元素的只有三個值,其它的幾個值都是針對SVG元素的(本身這個屬性就來自於SVG技術,是一個SVG屬性,並未在任何CSS規格中定義)。 【相關影片教學推薦:css3教學

#接下來我們看看pointer-events屬性怎麼使用?

官方語法:

1、語法:

形式語法:

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

適用於HTML元素的三個值:

pointer-events: auto | none | inherit ;

2、初始:自動

3、適用於:所有元素

4、動畫:沒有

說明:適用於HTML元素的三個值

auto:預設值,表示指標事件已啟用;此時元素會回應指標事件,阻止這些事件在其下方的元素上觸發。

none:表示在元素上停用指標事件;此時該元素將不會回應指標事件,但它下面的元素可以回應指標事件,就像元素不存在於它們之上一樣。

inherit:表示該元素將從其父級繼承其pointer-events值。

pointer-events屬性的相容性:

CSS pointer-events屬性(只適用於HTML)

此CSS屬性設定為「none 」時,允許元素不接收懸停/單擊事件,而事件將發生在其後面的任何內容上。

支援以下版本:

淺談pointer-events屬性是什麼? pointer-events屬性的使用

*表示必要的前綴。

總結:以上就是這篇文章的全部內容,希望能對大家的學習有所幫助。

以上是淺談pointer-events屬性是什麼? pointer-events屬性的使用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn