乐趣区

关于前端: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

退出移动版