
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;
解決辦法
這是層級(jí)的原因,你的偽類absolute定位覆蓋在a標(biāo)簽上面導(dǎo)致不能點(diǎn)擊.
1.既然你a標(biāo)簽是占全部的,那么應(yīng)該a標(biāo)簽作為偽類的父級(jí),而不是li,這樣就能點(diǎn)擊了,把li的position: relative;放在a標(biāo)簽里,偽類變成a:after
2.或者在偽類上加上z-index: -1;