pointer-events:none 的应用

相信很多人都遇到过 Retina屏的1px边框  的问题.

很多人都用 :before，:after 伪类

eg:

.div:after {

position: absolute;

top: 0;

 left: 0;

width: 200%;

 height: 200%;

 content: '';

 border: 1px solid #e2e2e2;

 border-radius: 3px;

-webkit-transform: scale(.5);

 -webkit-transform-origin: 0 0;

}

的方式来实现，but用:before，:after 伪类会产生一个bug，即当前元素的 鼠标事件 无效。

这个bug 可以在:before，:after 伪类css 中加上css3的 pointer-events:none 属性，

pointer-events:none顾名思意，就是没有鼠标事件的意思。