首頁  >  文章  >  web前端  >  css圖片不讓選取狀態如何實現

css圖片不讓選取狀態如何實現

藏色散人
藏色散人原創
2020-12-31 09:51:045408瀏覽

css實作圖片不讓選取狀態的方法:先開啟對應css程式碼檔案;然後使用css中的「pointer-events」屬性設定圖片不讓選中,其語句如「img {pointer-events: none;}」。

css圖片不讓選取狀態如何實現

本教學操作環境:Dell G3電腦、Windows7系統、css3版本。

可以使用css中的pointer-events屬性設定圖片不讓選取。

pointer-events屬性指定在什麼情況下 (如果有) 某個特定的圖形元素可以成為滑鼠事件的 target。值none表示滑鼠事件「穿透」該元素並且指定該元素「下面」的任何東西。即表示該元素無法選取。

css程式碼如下:

img {
pointer-events: none;
}

none:元素永遠不會成為滑鼠事件的target。但是,當其後代元素的pointer-events屬性指定其他值時,滑鼠事件可以指向後代元素,在這種情況下,滑鼠事件將在捕獲或冒泡階段觸發父元素的事件偵聽器。

推薦:《css影片教學

以上是css圖片不讓選取狀態如何實現的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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