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

 我来答
山水阿锐
推荐于2018-07-30 · TA获得超过34.3万个赞
知道顶级答主
回答量:23.7万
采纳率:91%
帮助的人:3.2亿
展开全部
您好,尝试给图片添加一个属性:draggable="false"。
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
贲烁
2017-01-11
知道答主
回答量:15
采纳率:0%
帮助的人:3.2万
展开全部
给body加上 ondragstart="return false"
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
可靠的凌冰
2018-07-27
知道答主
回答量:1
采纳率:0%
帮助的人:841
展开全部
<body ondragstart="return false">
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
jackzhag2015
2018-02-13 · TA获得超过1836个赞
知道小有建树答主
回答量:1145
采纳率:90%
帮助的人:407万
展开全部

建议使用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求采纳

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 2条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式