2）计算需要滑动的距离:遍历完整图的每一个像素点，利用 getRGB 对比完整图和缺口图哪里有差异，在有差异的时候，返回横坐标，即需要滑动的距离。根据用户滑动滑块的响应时间，拖拽速度，时间，位置，轨迹，重试次数等验证，相对来说更安全。用户的操作：按住滑块，拖动图片至阴影位置，完成验证。1）对比完整图和背景图的区别，得到阴影位置。类似的还有算数验证码。3）拖动滑块，看效果。

一、介绍::before和::after是伪元素，（css3中为了与伪类做区别，伪元素采用双冒号的写法；但因为兼容性的问题，所以现在大部分还是统一的单冒号，比如:first-line、:first-letter、:before、:after等，但新的在CSS3中引入的伪元素就不允许用单冒号的写法。）“:before” 伪元素可以在元素的内容前面插入新内容。“:after” 伪元素可以在元素的...

一、介绍::before和::after是伪元素，（css3中为了与伪类做区别，伪元素采用双冒号的写法；但因为兼容性的问题，所以现在大部分还是统一的单冒号，比如:first-line、:first-letter、:before、:after等，但新的在CSS3中引入的伪元素就不允许用单冒号的写法。）“:before” 伪元素可以在元素的内容前面插入新内容。“:after” 伪元素可以在元素的...