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