在使用HTML5設置圖片時，有時候我們會想要禁止或限制圖片的拖動，這在某些情況下是非常有用的。下面就來介紹一下如何通過HTML5來實現這個功能。

img {
-webkit-user-drag: none; /* Safari */
-khtml-user-drag: none; /* Konqueror */
-moz-user-drag: none; /* Firefox */
-o-user-drag: none; /* Opera */
user-drag: none; /* Generic */
}

通過在CSS中添加上述代碼，即可實現禁止圖片拖動的功能。該代碼為添加了5行分別針對Safari、Konqueror、Firefox、Opera和通用瀏覽器的拖動禁止命令，實現了廣泛兼容。

若想限制圖片拖動，但仍允許被其他元素遮擋（如文本內容的限制），可采用以下代碼：

img {
pointer-events: none;
}
.parent {
pointer-events: all;
}

利用pointer-events屬性，將圖片的交互事件禁止。而后在圖片的上層父元素添加pointer-events: all屬性，就可以實現在父元素內部仍可以拖動圖片的效果。