CSS如何禁止图片拖动呢？

img{-webkit-user-drag: none;-moz-user-drag: none;-ms-user-drag: none;user-drag: none;}

上面的代码中，我们使用了user-drag属性，通过设置为none来禁止图片拖动。

需要注意的是，该属性对一些老旧的浏览器可能不支持，需要使用一些兼容性写法。

img{-webkit-user-drag: none;-khtml-user-drag: none;-moz-user-drag: none;-o-user-drag: none;user-drag: none;}

此外，如果我们只是想禁止某个具体的图片拖动，可以给该图片设置一个class或id，然后在css中进行设置。

.no-drag{-webkit-user-drag: none;-moz-user-drag: none;-ms-user-drag: none;user-drag: none;}

最后，还需注意的是，一些浏览器可能对图片右键拖动具有特殊处理，需要使用Javascript来处理。

document.addEventListener("DOMContentLoaded",function(){var imgs = document.getElementsByTagName("img");for(var i = 0;i< imgs.length;i++){imgs[i].onmousedown = handler;}function handler(e){if(e.button == 2){e.preventDefault();return;}}});