四时宝库

程序员的知识宝库

纯CSS如何禁止用户复制网页的内容?

原文链接 ==>http://sylblog.xin/archives/70

前言

HTML怎么防止用户复制?(html怎么防止用户复制乱码)

在HTML中无法完全防止用户复制文本,因为HTML的主要目的是描述文档的结构和内容,而不是控制用户的行为。但是,你可以采取以下一些措施来降低用户复制的可能性:

禁用文本选择:

你可以使用CSS的user-select属性禁止用户选择文本。例如,可以使用以下代码来禁止选择文本:

CSS3增强用户界面,有关溢出、缩放、轮廓与文本选中的解决方案

本篇文章介绍CSS3中增强用户界面的关于溢出、缩放、轮廓、鼠标事件、文本选中等属性的使用。这些属性基本上得到了大部分浏览器的支持,可以在代码中直接书写。

承接文章:CSS3盒模型尺寸计算方法,box-sizing属性的使用,你知道吗?

9 个你可能从未使用过的很棒的 CSS 属性

1、clip-path属性

你可能还不知的 7 个 CSS 好用的属性

学习CSS是构建好看网页的一种方式。但是,在学习过程中,我们倾向于(大部分时间)限制自己,一遍又一遍地使用相同的属性。毕竟,我们是一种习惯性的动物,我们会使用自己习惯且熟悉的东西。

因此,在这篇文章中,向你介绍7个 比较少见且好用的 CSS 属性,希望对你有所帮助。

1. vertical-align

CSS 的属性 vertical-align 用来指定行内元素(inline)或表格单元格(table-cell)元素的垂直对齐方式。

css中不常见属性(css不能实现什么功能)

双击文本不选中文本

在css中加: user-select:none;

CSS3的user-select属性,用来指定文本的可选择性

user-select是css3新增的一个属性,用来指定文本的可选择性。

1、取值

none:文本不能被选择。

text:可以选择文本。

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

element:可以选择文本,但选择范围受元素边界的约束。

2、说明

IE6-9不支持该属性,但支持使用标签属性 onselectstart="return false;" 来达到 user-select:none 的效果;Safari和Chrome也支持该标签属性;

<< < 1 2 3 4 5 >>
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接