怎么设置网页图片不可拖拽 css

2024-11-20 09:13:55

推荐回答（4个）

回答（1）：

您好，尝试给图片添加一个属性：draggable="false"。

回答（2）：

给body加上 ondragstart="return false"

回答（3）：

回答（4）：

建议使用Javascript兼容，代码如下：

ondrag="return false"

如果是全局可以是：

window.onload = function(){
    var a = document.getElementByTagName('img');
    for(var i=a.length-1;i>=0;i--){
        a[i].addEventListener('drag',function(){
            return false;
        })
    }
}

如果用CSS，就是用：

-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
user-select: none;

禁止选择之后就不会拖动了

网友推荐的答案draggable="false"虽说可行，但是不兼容，原因是

目前只有 Firefox、Chrome 以及 Safari 支持 draggable 属性啊～

o(^▽^)o求采纳