通过CSS禁止别人复制网站上的图片
禁止复制网站上的图片，这个是老生常谈的问题了。自己辛苦做的，被别人随随便便的一个复制就拿走，当然心有不甘了。
但互联网上，还没有拿不走的图片——只要能看到；我们所做的只不过增加其复制的复杂繁琐程度罢了。
常用的方法一般使用是js，效果很好。详情可以看js 禁止右击保存图片，禁止拖拽图片。
但这个也不行了，为啥？chrome浏览器可以轻易的设置禁用js，js一禁用，那不就跟不穿衣服似的站在别人面前任人摆布了。
其实通过css层级属性z-index，也可以达到防止复制图片的作用，代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>通过CSS禁止别人复制网站上的图片</title>
</head>
<body>
<style>
.content{
border: 2px solid;
position: relative; /*主要*/
margin: 40px 20%;
text-align: center;
}
img{
z-index: -1; /*主要*/
position: relative; /*主要*/
}
</style>
<div class="content">
<p><img src="https://www.baidu.com/img/flexible/logo/pc/result.png"></p>
</div>
</body>
</html>
js禁用一般防防新手还行，略微懂点了就不行了；
z-index更强一步，不过略微懂点代码的也防不住；（也可以一次性破防，这里就不再给大家说了）
js及css可以一起使用，效果更好一点，当然也有更变态的，往下看。
写在最后
当然我还见过比较变态sb的，一个技术类网站，不让复制，禁用js后页面不让浏览，解决方案代码不能复制，丝毫没有考虑到用户体验，更何况其中内容也多为转载...简直就是反人类。
这种情况下，有两种方案可尝试：
- 查看源代码。若网站禁用右键，可先在一个其它的未禁用网站查看源代码，再手动输入该页面地址即可。
- 文字类型的，直接QQ截图识别文字
最后一句，禁用选择复制务必要考虑到用户体验，没有用户体验一切都是扯蛋。大型网站有哪个禁止复制的？
延伸阅读：css3禁止选中文本
相关内容
-
详解css z-index的权重问题
本篇文章给大家分享一下css的z-index权重问题。到底怎么样才能让我们想要排在上面的元素能在上面，想在下面的元素就老老实实的在下面。一、一起看下面实战中z-index的几种...
-
jquery怎么修改z-index值
jquery修改z-index值的方法：1、用css()方法，语法“$(selector).css("z-index","值")”；2、...
-
css怎么控制按钮不可用
方法：给按钮元素添加“pointer-events:none;”样式来让按钮元素永远不会成为鼠标事件的target，让其点击事件失效，即可控制按钮不可用。本教程操作环境：win...
-
css如何设置一行字显示不完隐藏
css中可利用overflow属性来设置一行字显示不完就隐藏；只需给文字的盒子元素添加“overflow:hidden;”样式，设置当内容溢出元素框时，将文字内容修剪，且溢出部...
-
CSS外链式与内联式的区别是什么
区别：CSS外链式是将css代码单独写一个以“.css”为扩展名的文件中，然后使用link标签链接到html中。CSS内联式是直接使用style属性将css代码写在HTML标签...
-
css有继承关系吗
css有继承关系。CSS继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代；也就是说：设置了上级（父级）的CSS样式，上级（父级）及以下的子级（下级...
-
浅谈使用CSS实现半透明边框和多重边框效果的方法
本篇文章分两种场景给大家介绍一下CSS实现半透明边框与多重边框效果。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。（学习视频分享：css视频教程）场景一：实现...
-
CSS %单位的特点
CSS%单位的特点：1、百分比是一个相对长度单位，相对于父元素的尺寸；2、对于“position:absolute;”的元素是相对于已定位的父元素；3、对于“position:...
-
css里面怎么让body内容居中
css里面让body内容居中的方法：1、使用margin设置边距“0auto”让HTML页面中所有的元素水平居中；2、将div距离页面窗口左边框和上边框的距离设置为“50%”；...
-
css中font属性能不按顺序吗
css中font属性不能不按顺序，即font属性的书写必须按照顺序；cssfont指定在一个声明的所有字体属性；其按顺序可设置的属性是“font-stylefont-varia...
