在瀏覽器中,常見的一種行為就是:選中-拖拽-新頁面打開,例如百度搜索就是這樣.但是我現在不想讓別人在我的個人網頁上選中,也不想讓他人拖拽我的照片,要怎么做呢?
下面我們來看一下使用css設置圖片不可拖動的方法。
css設置圖片不可拖動實例：
css居中對齊
div{
width: 500px;
height: 500px;
border: 1px solid red;}
img {
-webkit-user-drag: none;
}
css設置圖片不可拖動主要使用user-drag來設置。user-drag設置或檢索一個元素可以被拖拽。
法：
user-drag：auto | element | none
默認值：auto
適用于：所有元素
繼承性：有
動畫性：否
計算值：指定值
取值：
auto：使用默認的拖拽行為，這種情況只有圖片和鏈接可以被拖拽。
element：整個元素而非它的內容可拖拽。
none：元素不能被拖動。在通過選中后可拖拽。
