关于前端:CSS设置禁止文本复制

CSS 设置禁止复制

常常能够看到某些网站网页上的文字无奈被选中，出了 js 管制，通过 CSS 款式 user-select 和 z -index 两个属性都可导致无奈复制文字

user-select

浏览器中双击或点击选中文本，文本会被高亮显示，通过 css user-select 属性则设置是否容许选取元素的文本，该 CSS 有四个属性值

• auto：默认。依据浏览器规定走
• none：禁止选取文本
• text：文本可被用户选取
• all：单击选中

z-index

设置元素的层叠程序，领有更高重叠程序的元素总是会处于重叠程序较低的元素的上方

1. 将一个通明的全屏尺寸 div z-index 程序设置为最高，那么底层的文字就无奈被复制了

2. z-index 属性

   • auto：默认。重叠程序与父元素相等。
   • number：应用正负数设置元素的重叠程序。
   • inherit：规定应该从父元素继承 z-index 属性的值。

ottfe