巧妙利用position达到简单防选中和防复制效果 --自学php网

来源：自学PHP网时间：2015-04-14 14:51 作者：阅读:次

[导读] 现在很多网页的防选中和防复制效果都是通过JS实现的，其实破解很简单，既可以看代码，也可以禁用JS。所以一般就是放那些不懂行的无脑复制。近日做一个简单的展示页面，无交互，...

现在很多网页的防选中和防复制效果都是通过JS实现的，其实破解很简单，既可以看代码，也可以禁用JS。

所以一般就是放那些不懂行的无脑复制。

近日做一个简单的展示页面，无交互，要求做到防复制和防选中。

突然想到个简单方法达成，不用使用JS，同样达到，简单几句话即可。

上代码：

先新建一个DIV，作为遮罩层，让它悬浮在页面最上面。

设置宽、高都为100%，

z-index:10000 用来设置层级，越大越在上面

position:fixed 用来设置定位为：可定位于相对于浏览器窗口的指定坐标。此元素的位置可通过 "left"、"top"、"right" 以及"bottom" 属性来规定。不论窗口滚动与否，元素都会留在那个位置，这句是关键。

#mask{ width:100%; height:100%; position:fixed; z-index:10000;}

一个小技巧的分享，有局限性，不能用于交互，但是用起来很方便，希望大家喜欢。

更多文章推荐