在瀏覽器中,常見的一種行為就是:選中-拖拽-新頁面打開,例如百度搜索就是這樣.但是我現(xiàn)在不想讓別人在我的個人網(wǎng)頁上選中,也不想讓他人拖拽我的照片,要怎么做呢?
下面我們來看一下使用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:元素不能被拖動。在通過選中后可拖拽。