网页文字不能被选中复制的CSS:user-select、z-index

修改 图片压缩 网站的源码时，发现此网站网页上的文字无法被选中，研究后得知 CSS 样式user-select和z-index都会导致无法复制文字。

user-select

在浏览器中双击或长按文本，文本会被选取或高亮显示，user-select属性则规定了是否允许选取元素的文本，该 CSS 有四个属性值：

• ⭕auto：默认。如果浏览器允许，则可以选择文本。
• ⭕none：防止文本选取。
• ⭕text：文本可被用户选取。
• ⭕all：单击选取文本，而不是双击。

z-index

拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面，z-index属性（可为负）能够设置元素的堆叠顺序。设置一个透明的全屏尺寸 div，并将 z-index 顺序设置为最高，如此底层的文字就无法被复制了。

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