css3禁止选中文本图片

1、user-select

禁止用户选取文本，禁止用户选中图片变蓝

user-select：none | text | all | element
默认值：text
适用于：除替换元素外的所有元素

取值

none：
文本不能被选择

text：
可以选择文本

all：
当所有内容作为一个整体时可以被选择。如果双击或者在上下文上点击子元素，那么被选择的部分将是以该子元素向上回溯的最高祖先元素。

element：
可以选择文本，但选择范围受元素边界的约束

2、user-drag

禁止用户拖拽图片、链接等元素；

user-drag：auto | element | none
默认值：auto
适用于：所有元素
继承性：有

取值

auto：
使用默认的拖拽行为，这种情况只有图片和链接可以被拖拽。

element：
整个元素而非它的内容可拖拽。

none：
元素不能被拖动。在通过选中后可拖拽。

<img src=”solo.jpg” ondragstart=”return false;” >  

oncontextmenu=”return false;” //禁止鼠标右键  
ondragstart=”return false;” //禁止鼠标拖动  
onselectstart=”return false;”//文字禁止鼠标选中  
onselect=”document.selection.empty();”//禁止复制文本 

3、给body加上或给不想选中的元素外包div加上

onselectstart="return false;" unselectable="on" //解决集体拖动问题