a태그가 :before로 만든 overlay밑에 깔리게 될때
다음의 코드처럼구조가 되어있는데 i span :bfoer를 이용해서
빨간 박스: a 태그
노란 박스: i span :bfoer position으로 위에 올린것
-> 이런 상태가 되면 a태그가 밑에 깔리게 되서 클릭이 안된다 이것을 방지 하기 위해
노란 박스: i span :bfoer position에 pointer events:none을 주면
a태그 위에 덮고 있어도 a태그는 원래대로 작동한다.
<div>
<a href="#none">
<img src="images/thum-portfolio-02.jpg">
</a>
<i class="xi-plus-thin"></i>
<span>Website Portfolio #06</span>
</div>