CSS该怎么设置，使网站的图片不能被选择不能被复制不能被拖动，而文字可以

[ppsharp]

如题。

如下设置使图片和文字都不能被选择和复制
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

但是我只要图片不能被选择和复制，但是文字可以被选择和复制

[ppsharp]

自己找到了。 除了”none”还支持以下值: auto——默认值，用户可以选中元素中的内容 text——用户可以选择元素中的文本 element——文本可选，但仅限元素的边界内(只有IE和FF支持) all——在编辑器内，如果双击或上下文点击发生在子元素上，该值的最高级祖先元素将被选中。

[ppsharp]

但是我发现设置了text后，图片也可以选中，复制，保存了 诶

[ppsharp]

看我这样来试试

body img
{
   -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

[二月十六]

我也不懂css我就看楼主自己怎么解决。另外为什么有这个需求，审查元素什么都能复制拿走

[ppsharp]

引用 4 楼 sinat_28984567 的回复:

我也不懂css我就看楼主自己怎么解决。另外为什么有这个需求，审查元素什么都能复制拿走

如果不控制图片选择，在图片旁边双击就会选中图片，影响网站美观。

[daswcszxw]

user-select CSS3 控制也可以，JS也可以。

if(document.all){
       document.onselectstart= function(){return false;};
  }else{
       document.onmousedown= function(){return false;};
       document.onmouseup= function(){return true;};
 }
 document.onselectstart = new Function('event.returnValue=false;');

[当作看不见]

其实并没有什么用,控制台就万法皆空 document.body.contentEditable="true"