CSS 圖片不允許鼠標(biāo)拖動(dòng)是我們?cè)诰W(wǎng)頁(yè)開(kāi)發(fā)中常常需要實(shí)現(xiàn)的一個(gè)功能，它可以保證圖片的版面整潔，同時(shí)避免用戶意外拖動(dòng)影響用戶體驗(yàn)。

img {
pointer-events: none;
user-select: none;
}

上述代碼中，pointer-events: none;表示圖片不響應(yīng)鼠標(biāo)事件，同時(shí)user-select: none;可以禁止用戶對(duì)圖片進(jìn)行選擇操作。

CSS 的這種實(shí)現(xiàn)方式適用于大部分瀏覽器，但在一些老舊瀏覽器中可能會(huì)出現(xiàn)兼容性問(wèn)題。如果需要兼容性更好的方案，可以使用 JavaScript 實(shí)現(xiàn)：

const imgs = document.querySelectorAll('img');
imgs.forEach((img) =>{
img.ondragstart = () =>{ return false; };
});

上面代碼中的ondragstart事件可以阻止圖片被鼠標(biāo)拖拽，同樣起到了禁止拖動(dòng)的作用，同時(shí)它也兼容了更多的瀏覽器。

總體來(lái)說(shuō)，我們可以選擇上述兩種方式中的一種來(lái)實(shí)現(xiàn)不允許鼠標(biāo)拖動(dòng)圖片的效果，具體選擇哪種方式可以根據(jù)實(shí)際情況而定。