巧妙利用position达到简单防选中和防复制效果

当前位置 : 首页 > 网页制作 > CSS > 巧妙利用position达到简单防选中和防复制效果

巧妙利用position达到简单防选中和防复制效果

来源: 作者: 时间:2016-01-28 09:27
现在很多网页的防选中和防复制效果都是通过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;}

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


Tag:
网友评论

<