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

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

藏色散人
發布: 2023-01-04 09:38:23
原創
5518 人瀏覽過

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中文網其他相關文章!

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板