CSS 是前端技術中必不可少的一部分,它可以使我們的頁面更加美觀,操作也更加簡便。有時我們需要在網頁中插入圖片,但是并不希望用戶通過鼠標選中該圖片,這時就需要用到 CSS 的一個特性:圖片不能選中。
img{ -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none; }
通過上述代碼,我們可以使某個圖片的選擇效果失效。其中,-moz-user-select 是針對 Firefox 瀏覽器的私有屬性,-webkit-user-select 是針對 Safari 和 Chrome 的私有屬性,-ms-user-select 是針對 IE 的私有屬性,而 user-select 是標準屬性。
需要注意的是,這種做法只能防止通過鼠標選中圖片的情況,而無法阻止保存圖片、截圖等操作。另外,有些瀏覽器或特殊情況下會失效,所以不能完全依賴于這種做法。
總之,在應用 CSS 的時候,我們需要根據具體的需求來進行操作,不能盲目使用。當需要使圖片不能被選中的時候,上述代碼可以提供一定的幫助,但仍需注意其不足之處。