CSS設(shè)置圖片不能拖動(dòng)的方法

在CSS中，我們可以通過設(shè)置圖片的拖動(dòng)屬性來限制圖片的拖動(dòng)功能，具體實(shí)現(xiàn)如下：

1、我們需要獲取圖片的HTML元素，可以通過給圖片元素添加id或者class來***標(biāo)識(shí)該元素。

2、在CSS中設(shè)置該元素的拖動(dòng)屬性，使用draggable屬性，并將其值設(shè)置為false，表示該元素不可拖動(dòng)。

假設(shè)我們有一個(gè)圖片元素，其id為myImage，則我們可以在CSS中設(shè)置如下：

#myImage {
  draggable: false;
}

這樣，該圖片就不能被拖動(dòng)了，需要注意的是，該方法僅適用于支持CSS屬性的瀏覽器，在IE瀏覽器中，可以使用ondragstart事件來阻止圖片的拖動(dòng)操作。

document.getElementById('myImage').ondragstart = function() {
  return false;
};

通過CSS設(shè)置圖片的拖動(dòng)屬性，我們可以輕松地限制圖片的拖動(dòng)功能，提高網(wǎng)頁的交互體驗(yàn)。