CSS中可以通過以下幾種方式來防止圖片被選中,具體如下:
img { user-select: none; /*用戶不能選中圖片*/ -webkit-user-drag: none; /*用戶不能拖動圖片*/ -webkit-touch-callout: none; /*IOS用戶不能長按保存圖片*/ pointer-events: none; /*防止鼠標事件觸發在圖片上*/ }
其中,user-select屬性用于控制是否可以選中文本和圖片。當該屬性設置為none時,用戶將無法選中頁面上的文字或圖片。
而-webkit-user-drag屬性通常用于防止用戶拖動頁面上的圖片。一旦該屬性被設置為none,用戶將不能夠通過鼠標拖動圖片進行操作。
-webkit-touch-callout屬性通常用于防止iOS設備上的用戶長按圖片并彈出保存圖片的菜單。如果此屬性被設置為none,則用戶將無法保存頁面上的圖片至設備中。
最后,pointer-events屬性用于控制是否可以在圖片上觸發鼠標事件。如果該屬性被設置為none,則用戶將不能夠單擊、雙擊或任何其他的鼠標事件來處理頁面上的圖片。
以上是CSS中防止圖片被選中的方法,開發人員可以根據自身需求進行選擇。