CSS 圖片不讓選中狀態
img{
-webkit-user-select:none; /*webkit內核瀏覽器*/
-moz-user-select:none; /*FireFox*/
-khtml-user-select:none; /*Kik瀏覽器*/
-ms-user-select:none; /*IE10*/
user-select:none;
}CSS中，我們可以通過設置元素的user-select屬性，來控制元素內某些內容的選中狀態。而對于圖片元素，我們可能會遇到這樣一個需求：使其不可選中。這樣做主要是為了達到美觀的效果，讓用戶無法直接點開圖片進行保存，這樣的需求在一些特定場景中比較常見。
以上面的代碼為例，我們可以看出，在webkit內核瀏覽器、FireFox、Kik瀏覽器和IE10中，都可以通過設置user-select:none來實現使圖片不可被選中的效果。
下面是一個HTML的示例代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CSS 圖片不讓選中狀態</title>
<style>
img{
-webkit-user-select:none; /*webkit內核瀏覽器*/
-moz-user-select:none; /*FireFox*/
-khtml-user-select:none; /*Kik瀏覽器*/
-ms-user-select:none; /*IE10*/
user-select:none;
}
</style>
</head>
<body>
<img src="example.jpg" alt="example">
</body>
</html>在這個示例中，我們使用了一個img標簽，引入一個名為example.jpg的圖片。通過以上所述的CSS代碼，我們可以實現使這張圖片不可被選中，從而達到預期的效果。