3290438512-5a45e03c37e68_articlex.png
给了伪类描边
content: " ";
width: 200%;
height: 200%;
position: absolute;
top: 0;
left: 0;
border: 1px solid #d9d9d9;
-webkit-transform: scale(.5);
transform: scale(.5);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
box-sizing: border-box;
解决办法
这是层级的原因，你的伪类absolute定位覆盖在a标签上面导致不能点击.
1.既然你a标签是占全部的，那么应该a标签作为伪类的父级，而不是li，这样就能点击了，把li的position: relative;放在a标签里，伪类变成a:after
2.或者在伪类上加上z-index: -1;
